IE8的出现,给PJBlog的皮肤带来了一些兼容性方面的问题,最为突出的2个地方就是:博客日历和文章
页上一篇下一篇的位置。这也是论坛上对这2个地方总是提出疑问。现在有了很好的方法来解决这个问题
—css reset。
我们可以把它叫做CSS重设,也有人叫做CSS复位、默认CSS、CSS重置等。CSS重设就是由于各种浏览器
解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认
值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释
CSS,这样就能避免发生这种问题。对于css reset 大家也可以Google一下。
论坛上的朋友曾经用* {margin:0px;padding:0px;border:0px;}来解决IE8下日历的问题,不过用这个
的话会出现一些新的问题,当然这些问题是细微的,就是比如我准备发表一篇文章,在选择日志分类上的
会没有了那个外框,前面的1,2,3会在边框外面,对于追求完美的看着肯定不舒服的(不追求完美的请
路过)。
完美的解决方法是:将global.css里面的
[sourcecode language="html"]img {max-width: 100%;height: auto;}[/sourcecode]
删除(可能有的和这个不全一样,就是img{}这段删除),换上下面的就可以了。
[sourcecode language="html"]img,div,form,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li{ list-style-type:none;}[/sourcecode]
这段css可以将2个问题都解决了,日历和文章页上一篇下一篇的位置的错位问题。
其实* {margin:0px;padding:0px;border:0px;}也是css reset的一种,只是这里用有点小问题而已,
很多大型网站都有css reset,想了解更多的可以看看这方面的资料。
我是在header.asp里面加了以下代码渲染的ie7:
你可以试试,挺不错的~
ps:本来想申请个链接来着,可是你的pr≥5让我望而却步了。。
[reply=BestChao,2010-01-23 10:17 PM]谢谢你提供的方法,至于链接以后有机会吧。[/reply]