Compatibe - 兼容性组件 解决IE6悬浮、png透明问题

Compatibe - 兼容性组件 解决IE6悬浮、png透明问题  

2011-11-16 23:03:36|  分类： 默认分类 |  标签： |字号大中小 订阅

 

 

兼容组件的第一个作用：ie 6的position:fixed;
<div class="J_TWidget" data-widget-type="Compatible" data-widget-config="{'fixed':'true'}"
     style="position:fixed;top:50px;left:40px;">
    这是解决ie6的悬浮组件
</div>
   
第二种兼容的第二个作用：png在ie6下的透明
<div class="J_TWidget"
     style="height:40px;width:40px;background-image: url(http://img01.taobaocdn.com/tps/i1/T1g604XjdrXXXXXXXX-24-24.png);"
     data-widget-type="Compatible" data-widget-config="{'png':'true','png_bg':'true'}">
    背景透明
</div>
<!-- img标签透明 -->
<img class="J_TWidget" src="http://img01.taobaocdn.com/tps/i1/T1g604XjdrXXXXXXXX-24-24.png"
     data-widget-type="Compatible" data-widget-config="{'png':'true','png_tag':'true'}"/>
配置参数列表
配置参数  参数可选值  作用说明  
fixed  需要用兼容组件解决的问题，是否是ie 6下面的position:fixed  
png  需要用兼容组件解决的问题，是否是在ie 6下面的png透明  
png_bg  需要透明的png图片，是否是背景图  
png_tag  需要透明的png图片，是否是img标签元素