当前位置: 代码迷 >> Web前端 >> ie6中png图片背景透明有关问题
  详细解决方案

ie6中png图片背景透明有关问题

热度:62   发布时间:2012-11-04 10:42:41.0
ie6中png图片背景透明问题
1、用GIF图片代替PNG图片
    若图片色彩不多,没有羽化部分可以使用。

2、如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
   .png{
  background: url(/angel.png) no-repeat !important;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
  background:none;
  width:100px;
  height:100px;
   }
  HTML代码:
  <div class="png">
       背景PNG透明
  </div>

值得注意的是:

1、url和src引用图片的路径写法不一样!
                        
2、用png背景图片,不可以进行相关的定位,只能是默认的:background:url() left top;

3、用了这段样式,很可能.content里面的超链接等内容不可以点击,解决这个问题,你可以在div.content里面在套一个div,比方这个div的样式名字为:div.con,然后给.con一个样式:
div.con {position:relative}就可以解决所有的问题了。
  相关解决方案