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

html-css0127

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的子元素。