欢迎访问畅维网络官网,我们将为您提供专业的网站建设服务!
咨询电话:0531-88162305 QQ:点击这里给我发消息
当前位置:首页 > 网站学院 > 网站技术

网站制作中PNG24加透明opacity出现黑点解决方法

PNG24与PNG8是开发中常用的图片格式,PNG8则还算兼容各浏览器,但常出现白边现象,这是我们不想要的,PNG24显示良好,在IE6中会出现灰色背景,所以要按需索取。PNG24在IE6中出现灰色背景可以用滤镜解决,加了滤镜又想改变透明度,做渐隐渐现的效果,则问题出现了,IE半透明部分出现了黑点,很是难看。
在尝试多次得到最终解决方案为:
要使用png24的元素外层再嵌套一层div,然后改变最外层div的opacity值,而png元素在IE中则使用加滤镜的背景filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’alpha.png’);(注意是IE6、7、8,而不但但是IE6)。


.out{filter: alpha(opacity=20);width: 256px;height: 256px;}
.in{background:url(alpha.png);_background:none;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png');width: 256px;height: 256px;}
<div class="out">
<div class="in"></div>
</div>

(编辑:济南网站建设、济南网站建设公司:畅维网络)

鲁公网安备 37010502000788号

  • 扫一扫,关注微信公众号