博客建设2014.01.04



今天主要调了下博客的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.将首页中显示&nbsp;等标签简单过滤掉了。原本只是使用正则表达式过滤掉尖括号内容,现在另外过滤掉某些标签,总觉得这样不太好,不过暂时这样吧。



<<返回列表