松岗网站建设
松岗网站建设公司 松岗正规注册网站建设公司 创络科技24小时客服电话:0755-23698839
博客 > 2014年 > 博文详情

一句代码解决IE10不支持opacity半透明的问题

发布时间:2014-05-07 浏览次数:1516


这几天在为一个公明本地的客户开发网站时,客户提出用IE10浏览时有一个本来应该透明的元素,但是却没有透明,后来发现是因为IE10不支持opacity半透明引起的,解决方法很简单:用一句filter来处理。客户发现的问题乳下图所示:本来一整排全部是黑色的图片,当鼠标经过时隐藏的白色标题会显示。但是在客户的IE10浏览器中,全部都显示为白色看不到图片!

解决IE10不支持opacity半透明的问题

解决IE10不支持opacity半透明的方案:

通过在控制半透明元素的CSS中添加一句代码来解决

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=透明度数值);

这个“透明度数值”的取值范围是0-100,建议保持和opacity的实际值相符合。

例如:

div{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}