话外音:上个星期开始空下来设计制作新模板,在制作过程中,我选择了用PNG透明效果,如果你有Firebug,可以在叁脚猫的博客logo和rss图标上可以看到。但是PNG效果虽好,但是有个硬伤,那就是IE6不能显示透明。本来想就这样算了。但是自己好歹也算半个前端,不能这样不严谨,再说,IE6在中国目前的用户中,还是占有一定的比例的。

由于是wordpress的,涉及到模板路径,因此很关键的一个wordpress函数就是

  1. <?php bloginfo('stylesheet_directory'); ?> //模板css路径

有了这个函数,那么问题就迎刃而解了,跟我一步一步完成吧。。

  1. 下载我提供的ie6pngfix的安装包或者去作者这下载
  2. 把 iepngfix.htc 和 blank.gif 放到模板的根目录
  3. 打开header.php,在上加上以下代码
    1. <style type="text/css">
    2. img, div, a, li, span, input, textarea {
    3.     behavior: url(<?php bloginfo('stylesheet_directory'); ?>/iepngfix.htc);
    4. }
    5. </style>
  4. 完成wordpress下IE6的png透明。

无觅相关文章插件,快速提升流量