首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-04 
ie6中png图片背景透明问题1、用GIF图片代替PNG图片若图片色彩不多,没有羽化部分可以使用。2、如果希望使用png

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}就可以解决所有的问题了。

热点排行