发新话题
打印

[分享] CSS里让IE6支持透明png

CSS里让IE6支持透明png

原文地址:http://blog.yyld.net/article/981.html

        如果没有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-26 14:35 编辑 ]

TOP

马上试试 ~~

TOP

半透明了还是好看,嘿嘿!

TOP

回复 1# 的帖子

你的签名是广告?^_^
独声志-我想找个人和我一起幻想......

你在等什么?想看美女吗?

Zblogger用户QQ交流群:45392342(已满)
Zblogger用户QQ交流群:25018716(已满)

TOP

回复 4# 的帖子

难道你的不是吗?

TOP

实践证明搂主的方法在我这不合适,研究了很久,在密陀僧的帮助下搞定了。

一路风尘一路歌
复制内容到剪贴板
代码:
/*----顶部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;
}
一路风尘一路歌

[ 本帖最后由 slgc 于 2007-11-14 18:01 编辑 ]

TOP

回复 6# 的帖子

先收了,有空琢磨下。

TOP

发新话题