今天主要调了下博客的IE6兼容。
1.png图片在IE6下面背景显示成灰色问题,解决方法查到多种。但因我用到了background-position定位图片,很多方法都不适用。最后使用了DD_belatedPNG脚本。
DD_belatedPNG是一个免费的js库,它的作用是让png格式图片在ie6下透明,支持<IMG>中的src元素;在背景应用上支持css的background-image属性,当然包含最重要的是支持background-position和background-repeat,对于喜欢CSS Spirit的人来说是个好消息。
使用代码:
<!--[if IE 6]>
<script src="DD_belatedPNG脚本文件路径"></script>
<script>
DD_belatedPNG.fix(‘CSS选择器, 应用类型’);
</script>
<![endif]-->
相关js文件:
DD_belatedPNG_0.0.8a未压缩版:点击下载
DD_belatedPNG_0.0.8a压缩版:点击下载
内容参考:http://mengqing.org/archives/ie6-png24-transparent.html
2.IE6下,我某些div占位变宽了,不懂什么原因,适当调了下宽度。
3.分页栏,“下一页>尾页>>”位置移到了下一行。
分页栏应显示:<<首页<上一页 第X页/共X页 下一页>尾页>>
“<<首页<上一页”是left浮动,“第X页/共X页”没设置浮动,“下一页>尾页>>”是right浮动。但是IE6下“下一页>尾页>>”这块就下移一行。
最后调整下三个div的顺序解决的,将“第X页/共X页”放在最后,原因可能是这块在IE6中使下一个浮动重置了。
4.将首页中显示 等标签简单过滤掉了。原本只是使用正则表达式过滤掉尖括号内容,现在另外过滤掉某些标签,总觉得这样不太好,不过暂时这样吧。