好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS中IE浏览器最基本的一些bug以及解决方法

css如何解决bug?相信有很多刚刚接触CSS中IE浏览器的朋友都会有这样的疑问。本章就给大家介绍CSS中IE浏览器最基本的一些bug以及解决方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

六、重复文字的BUG

在某些比较复杂的排版中,有时候浮动元素的最后一些字符会出现在clear清除元素的下面。

解决方法如下:

1.确保元素都带有display:inline

2.在最后一个元素上使用“margin-right:-3px

3.为浮动元素的最后一个条目加上条件注释,<!–[if !IE]>xxx

4.在容器的最后元素使用一个空白的div,为这个div指定不超过容器的宽度。

七、IE6中 z-index失效

具体BUG为,元素的父级元素设置的z-index为1,那么其子级元素再设置z-index时会失效,其层级会继承父级元素的设置,造成某些层级调整上的BUG。

结语:实际上IE6中,很多BUG的解决方法都可以使用display:inline、font-size:0、float解决。因此我们在书写代码时要记住,一旦使用了float浮动,就为元素增加一个display:inline样式,可以有效的避免浮动造成的样式错乱问题。使用空DIV时,为了避免其高度影响布局美观,也可以为其加上font-size:0 这样就很容易避免一些兼容上的问题。

以上就是对CSS中IE浏览器最基本的一些bug以及解决方法的全部介绍,如果您想了解更多有关CSS视频教程,请关注PHP中文网。

以上就是CSS中IE浏览器最基本的一些bug以及解决方法的详细内容,更多请关注Gxlcms其它相关文章!

查看更多关于CSS中IE浏览器最基本的一些bug以及解决方法的详细内容...

  阅读:53次