ie浏览器引擎CSS渐变的实现方法。
IE不支持CSS渐变,但是提供了渐变滤镜,可以用来实现简单的渐变效果。
基本语法
该参数的参数描述如下:
Enabled:设置或检索过滤器是否被激活。可选布尔值,包括真和假,默认值为真,表示活动状态。
开始颜色:设置或检索颜色渐变的开始颜色和透明度。可选,其格式为# AARRGGBB。AA、RR、GG和BB是十六进制正整数,取值范围从00到FF。RR指定红色值,GG指定绿色值,BB指定蓝色值,AA指定透明度,00完全透明,FF完全不透明。超出范围的值将恢复为默认值。取值范围为#FF0000~#FFFFFF,默认值为#FF0000FF,表示不透明蓝色。
EndColorStr :设置或检索颜色渐变的结束颜色和透明度。默认值为#FF000000,不透明黑色。
IE梯度滤波器的实际应用。
用IE滤镜设计渐变背景,再用背景图设计图形插画效果。
代码:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;Charset=gb2312' /titleIE浏览器引擎CSS渐变实现方法/title style type=' text/CSS ' body { padding 33601 em;/让渐变背景填满整页/边距:0;文本对齐:居中;/*为网页设计垂直渐变背景*/filter : progid 3360 ximagetransform . Microsoft . gradient(gradient type=0,startcolorstr=# 9999ff,endcolorsr=# ffffff);}h1 {/*标题样式*/color : white;font-size :18 px;height:45px线高:65 px;/*控制文字显示位置*//*通过绝地定位实现块元素的中心显示*/position : absolute;左侧:50%;边距-left :-150 px;左填充left:50pxborder-bottom : solid 2px # c 72223;/*为标题插入装饰图标*/background : URL(images/icon 4 . png)不重复左中;}ul {/*列表框样式*//*清除列表默认样式*/list-style-type : none;margin:90px 0 0 0划水:0;background : URL(images/bg6 . png)无重复右下方;/*设计插图背景*/clear : both;text-align : left;/*恢复默认对齐方式*/} Li { line-height :1.5 em;margin:6px汽车;/*为列表项设计个性化列表图标*/font-size :14 px;background : URL(images/icon 3 . png)无重复左3px左填充left:20px}/style/headsdyh1喜欢是一种心情,而爱是一种感觉/h1ul li有一种爱叫痴心,比如很多人爱张国荣,有时候真的很好,没有什么比爱一个老朋友更安全更永恒的了。/李莉有一种爱叫痴心。在某个时候,我突然发现自己迷恋上了某个人或某种感觉,但不会持续太久。有时候迷恋会变成爱。/李莉爱情里一定有迷恋和爱。但是迷恋和喜欢不是爱。/李丽李丽当我终于明白爱情是什么的时候,我常常会经历我的大半生。这是一个在路上遇到真正爱自己的人的机会。/李莉有时候,爱情是一种瞬间的感觉,爱情不可能长久,但前提是他们经营得好。同时,爱情是脆弱的,爱情也会破碎。/李莉有时候,爱是一种愿望,一种可以让自己和对方更幸福的心情。好的爱情一定离不开宽容。/李莉有时候,爱是一种天性。花开花落,云卷云舒,没有坚持。/li li当你能以平淡的心情看待感情时,爱情就变得有意义了。/li li爱情有时可以很苛刻,但后来可以很宽容。当你爱对方超过爱自己的时候,爱就会很宽容。/李丽李丽金不会有人对他苛刻,因为喜欢不会要求更多。相反,爱情是残酷的。/李丽李丽金有人不会伤害她,但恩爱往往是痛苦的。爱是一种归属,但爱没有归属。/li liA徘徊在爱情和爱情边缘的人,如果他试图离开很远,仍然能在深夜静静地想起他并想起心痛和泪水,那一定是爱情。/李莉在恋爱之前,你可能会有一段很长的爱情。有时它可以转化为爱,有时它会消失。原来人是平行线上的一些点,所以擦肩而过很常见。左转右转,下一个路口就会有新的风景。/李莉有时候喜欢会带来遗憾,但爱会带来伤害。这种伤害最终会成为彼此一生的幸事。但是爱情会渐渐淡去,最后会在心里留下冷漠的阴影。爱比喜欢更强大。/Li/ul/body/html演示效果:
W3C标准化CSS渐变的实现方法。
25个渐变背景网页设计案例赏析。
草稿遵循壁虎引擎的渐变设计方法:http://dev.w3.org/csswg/css3-images/#gradients.