2009年03月17日
话外音:上个星期开始空下来设计制作新模板,在制作过程中,我选择了用PNG透明效果,如果你有Firebug,可以在叁脚猫的博客logo和rss图标上可以看到。但是PNG效果虽好,但是有个硬伤,那就是IE6不能显示透明。本来想就这样算了。但是自己好歹也算半个前端,不能这样不严谨,再说,IE6在中国目前的用户中,还是占有一定的比例的。
由于是wordpress的,涉及到模板路径,因此很关键的一个wordpress函数就是
- <?php bloginfo('stylesheet_directory'); ?> //模板css路径
有了这个函数,那么问题就迎刃而解了,跟我一步一步完成吧。。
- 下载我提供的ie6pngfix的安装包或者去作者这下载
- 把 iepngfix.htc 和 blank.gif 放到模板的根目录
- 打开header.php,在上加上以下代码
- <style type="text/css">
- img, div, a, li, span, input, textarea {
- behavior: url(<?php bloginfo('stylesheet_directory'); ?>/iepngfix.htc);
- }
- </style>
- 完成wordpress下IE6的png透明。
1个评论 标签: ie6 , pngfix , themes , wordpress