CSS 如何设置透明与不透明?

html-css0167

CSS 如何设置透明与不透明?,第1张

微软的WindowsXP系统的IE 6.0浏览器不支持透明度.

就是只支持透明度0%和透明度100%.

其他透明度都不支持.

-

有透明度支持就好了,

可以免很多photoshop制作,

只是IE浏览器6.0版本是广泛使用的浏览器,

只要IE6不支持透明度,

CSS就不能编写代码时候用透明度.

-

新的firefox估计能支持透明度.

使用alpah滤镜

.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}

解释:

Opacity=开始的不透明度,FinishOpacity=结束的不透明度,可选值0-100。0为完全透明,100不透明。

Style=样式,0代表统一形状。1代表线形,2代表圆形放射渐变,3代表矩形放射渐变,当style为2或3的时候StartX和StartY等坐标参数便没有意义了,都是以图片中心为起始,边缘为结束。

StartX=开始透明的X坐标,基本上为图片、层的左上角(0)

StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0)

FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度)

FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)

可以把带有 不透明度的div 跟 嵌套img 的div 分开来,也就是 把两个效果分开,让 背景图片的div 跟 img 所在的div在相同的位置, 但设置 不同的 z-index 值,让背景图片的div在 img div 的下层。效果上可以达到你想要的,但 在你说的基础上 多一个带有背景 div 。这样 透明度就不会影响,因为 这时 img不是 带透明度div的子元素。