菜单 学习猿地 - LMONKEY

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

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

串猪神 profile image 串猪神 ・1 min read

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.pngFix.js

使用:

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

评论 (0)