Make opacity work in all IE versions

最新推荐文章于 2024-09-11 12:01:27 发布

cutedylan

最新推荐文章于 2024-09-11 12:01:27 发布

阅读量412

点赞数

分类专栏： opacity css jQuery ie 文章标签： ie filter class xhtml html

本文链接：https://blog.csdn.net/arthur_d/article/details/8087121

版权

opacity css jQuery ie 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

You can take one of two forms:

1.jQuery : css()

example: $("p").css("opacity",0.5);

2. add follow lines to your css

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* ---Usage: 0.25*100--- */

filter: alpha(opacity=25);

exapmle:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="Tencent-ISRD" />
<meta name="Copyright" content="Tencent" />
<style>
img.opacity1 {

opacity:0.25;

/* If you want opacity to work in all IE versions, the order should be: */

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* ---Usage: 0.25*100--- */

   filter: alpha(opacity=25);
}
img.opacity2 { opacity:0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
}
img.opacity3 { opacity:0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
   filter: alpha(opacity=75);
}
img.opacity4 { opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
}
</style>
<title>opacity</title>
</head>
<body>
<div><img src="http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif" class="opacity1" alt="tencent" /></div>
<div><img src="http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif" class="opacity2" alt="tencent" /></div>
<div><img src="http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif" class="opacity3" alt="tencent" /></div>
<div><img src="http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif" class="opacity4" alt="tencent" /></div>
</body>
</html>