一句代码解决IE10不支持opacity半透明的问题
发布时间:2014-05-07 浏览次数:1516
这几天在为一个公明本地的客户开发网站时,客户提出用IE10浏览时有一个本来应该透明的元素,但是却没有透明,后来发现是因为IE10不支持opacity半透明引起的,解决方法很简单:用一句filter来处理。客户发现的问题乳下图所示:本来一整排全部是黑色的图片,当鼠标经过时隐藏的白色标题会显示。但是在客户的IE10浏览器中,全部都显示为白色看不到图片!
解决IE10不支持opacity半透明的方案:
通过在控制半透明元素的CSS中添加一句代码来解决
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=透明度数值);
这个“透明度数值”的取值范围是0-100,建议保持和opacity的实际值相符合。
例如:
div{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}