摇曳铃丹☆宇语博客

YYLD.net, I choose, I like: Bellting's Blog

铃星一点 丹心无限 星铃丹

CSS里让IE6支持透明png

  如果没有IE 6或者没有IE 7和FF，这个世界的CSS还是比较好写的……

网络上搜索的什么透明化文章，大多都喜欢弄一堆代码，表什么例子，然后看着都不知道关键字在哪，半半桶水的还在琢磨那个div是干吗的。所以我觉得这个说明还是有点流量，所以呢还是说一下：

比如你在某CSS里加了一个有透明的PNG的背景图，写了background:url('bj.png') ;这么一句话，在IE7和FF下都很完美，IE6后面就是要有一块……别急，就在这个下面接着加点东西：先在background后面加个!important，没错，IE 6不认这个。然后再在后面来几句，别管它什么意思，有效就行。整体如下：

background:url('note/notetop.png') !important;
 background:none;
 filter:none!important;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='bj.png',sizingMethod='image');

记得在后面还有个bj.png，要对应改了。如果改了后图片不显示的话，就把src='bj.png'这个相对路径改为绝对路径，比如src='http://yyld.net/bj.png'，就可以了。明白没有？还没明白的话只能证明你不适合做这个，ok，收工！

  • 2007-9-9 17:59:22  CSS 浏览器   
评论列表 > 点击隐藏/显示已有评论
共5篇评论
  • 1楼 卷筒糍 http://www.wujianhua.com.cn 2007-11-6 22:57:37    引用  
  • 没看到你这里的话我还不知道会有这个问题呢，受教了。谢谢。
  • 2楼 玉面小白虎  2007-11-11 16:11:56    引用  
  • 这个滤镜貌似不加!important都可以，
  • 3楼 星铃丹  2007-11-14 20:40:30    引用  
  • 收多一个方法：
    /*----顶部Logo的定义----*/
    * #divLogo{
    float:left;
    height:110px;
    width:110px;
    margin-top:5px;
    margin-left:20px;
    margin-right:10px;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/style/default2/HuaLogo.png",sizingMethod="image");
    /*background:none;*/
    background-repeat:no-repeat;
    }
    html>body #divLogo{
    float:left;
    height:110px;
    width:110px;
    margin-top:5px;
    margin-left:20px;
    margin-right:10px;
    background-image:url("default2/HuaLogo.png");
    background-repeat:no-repeat;
    }
  • 4楼 玉面小白虎 http://myclassic.cn/log/ 2007-11-15 20:26:05    引用  
  • *只是个通配符,在这里#divLogo有没有*都是一样的啊,
    写个#divLogo还要写这个html>body #divLogo吗?#divLogo只有一个,而已,要是#divLogo的父级不是body的话,那么html>body #divLogo不就无效了吗.

    纯属学术研究,请勿介怀

  • 5楼 星铃丹  2007-11-15 20:59:23    引用  
  • 上面方法是复制来的，我个人并没研究，有些迷糊，呵呵，欢迎讨论。

发表评论

☆请留意评论过滤了网址，并且开启了评论审核，请勿重复提交评论。

Powered By Z-Blog | QzoneYY Design By 星铃丹