《双陈记》情侣博客

位置:主页 > IT那点事 > IE6下PNG透明背景(iepngfix.htc解决)

IE6下PNG透明背景(iepngfix.htc解决)

   我们的《双陈记》情侣博客新版主题,用了很多半透明的PNG背景图片,众所周知万恶的IE6对PNG图像的支持就是个悲剧。所以我们的情侣博客在IE6下悲剧是不可避免的,本来都不打算在折腾IE6了,哎,昨天查看百度统计,IE6在访问《双陈记》情侣博客的浏览器排行榜里还高居第三位,叫FF这些情何以堪啊,谁叫IE6是哥,还统治着天朝这么多的电脑呢。没有办法就折腾了一番,最后用这个东西iepngfix.htc解决了IE6下PNG透明背景的问题,这个东西应该可以解决大部分问题的。
  去http://www.twinhelix.com/css/iepngfix/下载 iepngfix.zip
然后
将其中的iepngfix.htc和blank.gif解压缩到合适的目录内,.htc即Html Components,该文件需要在CSS中被调用;blank.gif是一个1×1像素的透明GIF图片。iepngfix.htc中修改blank.gif的路径,var blankImg =‘blank.gif的正确路径’,这是惟一一个需要修改的配置。在css中将需要使用透明PNG的元素与.htc文件关联。 例如:*{behavior: url(iepngfix.htc) }

通过以上三步,IE6就能支持透明PNG图片了。
不过不知道神马原因,我用相对路径就不行,用绝对路径就没问题,哎,还有个诡异的问题用完这个后,其他PNG背景都正常了,中间垂直排列的一个半透明PNG图片,直接就没显示了,悲了个具去了,搞不懂了。



无觅相关文章插件

已经有7位童鞋留言了,还不来盖楼!

  1. :grin: 好漂亮的情侣博客啊!祝你们甜甜蜜蜜~ :smile:

  2. 嘿嘿 我转载下行吗 我会在下面注明出处的

  3. 用绝对路径不行是因为读取HTC文件的CSS属性默认是在当前HTML目录里找HTC文件,可是WP是动态程序,所以用相对路径 会找不到这个文件,必须用绝对路径。

  4. 我用PNG 格式的图片 但是在IE8下也不透明 这是为什么也!

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片