css中背景透明的图片不透明怎么解决

PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。

css中背景透明的图片不透明怎么解决

一、使用滤镜解决

img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ 
}

(相关课程推荐:css视频教程

二、使用jQuery插件解决

需要的js库

● jQuery.js

● jQuery.webpFix.js

使用:

<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.webpFix.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
  $(document).webpFix();
});
</script>

本文来自css3答疑栏目,欢迎学习!

以上就是css中背景透明的图片不透明怎么解决的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读