CSS 图像透明度 CSS opacity

来源：互联网发布：拍电影的软件编辑：程序博客网时间：2024/04/30 01:51

http://www.w3school.com.cn/css/css_image_transparency.asp

http://www.w3cplus.com/node/309

以前的兼容

.transparent_class {     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */    filter:alpha(opacity=50);    /* ie5-7  */    -moz-opacity:0.5;    /* old mozilla browser like netscape  */    -khtml-opacity: 0.5;    /* for really really old safari */     opacity: 0.5;    /* css standard, currently it works in most modern browsers like firefox,  */}

现在的兼容

.transparent_class {     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */    filter:alpha(opacity=50);    /* ie5-7  */    opacity: 0.5;    /* css standard, currently it works in most modern browsers  */}

<!DOCTYPE html>

<html>
<head>
<style>
img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>图像透明度</h1>

<img src="/i/tulip_peach_blossom_w_s.jpg" alt="Peach Blossom" />

<p><b>注释：</b>在 IE 中，必须添加 <!DOCTYPE>，这样才能将 :hover 选择器用于除了 <a> 之外的其它元素。</p>
</body>
</html>