《CSS3实战》笔记--渐变设计(三)
IE浏览器通过滤镜机制实现CSS渐变,核心语法包含enabled、startColor(格式#AARRGGBB,默认不透明蓝色)和EndColorStr(默认不透明黑色)三个参数,可用于背景渐变及图文插画效果,是IE特有的渐变实现,兼容性较差,但曾广泛使用,支持透明度控制,效果丰富。
IE浏览器对CSS渐变的支持,一直以来都走的是自己的路子。在W3C标准普及之前,IE通过自家的滤镜机制,也能实现类似的效果,虽然功能上没那么灵活,但在特定场景下足够实用。
它的核心语法长这样:
基本语法
参数说明如下:
enabled:控制滤镜是否激活。可选值true或false,默认true,也就是激活状态。
startColor:设定渐变的起始颜色和透明度。格式为#AARRGGBB,AA、RR、GG、BB都是十六进制数,范围00到FF。RR是红色值,GG是绿色值,BB是蓝色值,AA是透明度——00完全透明,FF完全不透明。超出范围的值会被自动修正。默认值是#FF0000FF,也就是不透明的蓝色。
EndColorStr:设定渐变的结束颜色和透明度。默认值是#FF000000,即不透明的黑色。
IE 渐变滤镜实战应用
利用IE滤镜设计渐变背景,然后通过背景图像来制作图文插画效果,是个很常见的做法。下面是一个完整的示例:
IE浏览器引擎的CSS渐变实现方法 喜欢是一种心情,爱是一种感受
- 有一种爱叫痴缠,比如很多人对张国荣的,有时候这样真的挺好,没有比爱一个故人更安全和永恒的了。
- 有一种爱叫迷恋,某一时间里,忽然发现自己迷上某个人或某种感觉,但那不会长久。有时候迷恋会转化成爱。
- 爱里面一定有迷恋、有喜欢。可迷恋、喜欢都不是爱。
- 当自己终于明白什么是爱的时候,往往生命去了大半。人生路上能遇上一个真正爱自己的人,是机缘。
- 有时候,爱是一瞬间的感觉,爱并不能长久保留,如果两人经营得好才会长久保留下去。爱同时是脆弱的,爱会破碎。
- 有时候,爱是一种心愿,一种可以让自己与对方更快乐的心情。一份美好的爱必定离不开包容。
- 有时候,爱是一种自然。花开花落,云卷云舒的一点没有强求。
- 当能够以一种平淡的心情看待感情时,爱便变得隽永。
- 爱情有时候让人变得很苛刻,但后来又会很包容。当爱对方超过爱自己,那爱就会很包容。
- 喜欢一个人不会对他很苛刻,因为喜欢不会有更多的要求。相反爱却是苛刻的。
- 喜欢一个人不会为她很心痛,爱却往往是很心痛。爱是一种归属,喜欢没有归属。
- 在喜欢与爱的边缘徘徊的人,如果尝试着离开很远,还能在某个深夜静静地想起他,想到心痛与流泪,那一定是爱了。
- 在爱上之前可能有很长的喜欢,有时喜欢就能转化成爱,有时喜欢也会淡掉。原来人与人都是平行线上的一些点,檫肩而过很平常,向左转,向右转,下一个路口,还会有新的风景。
- 有时候喜欢会带来遗憾,但爱情会带来伤害。这种伤害最后会变成对对方一生的祝福。但喜欢就会越来越淡,最后在心里留下一个淡漠的影子。爱比喜欢要有力量。
演示效果:

W3C标准化的CSS渐变实现方法
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















