完美解决PJBLOG 3皮肤在IE8下显示错位的问题

完美解决PJBLOG 3皮肤在IE8下显示错位的问题

IE8的出现,给PJBLOG3的皮肤带来了一些兼容性方面的问题,最为突出的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里面的。

img {max-width: 100%;height: auto;}

删除(可能有的和这个不全一样,就是img{}这段删除),换上下面的就可以了。

img,div,form,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li{ list-style-type:none;}

这段css可以将2个问题都解决了,日历和文章页上一篇下一篇的位置的错位问题。
其实* {margin:0px;padding:0px;border:0px;}也是css reset的一种,只是这里用有点小问题而已。

nathanma

leave a comment

Create Account



Log In Your Account