浏览器兼容性问题汇总,并附解决方法
程序员文章站
2022-05-07 19:09:37
问题一:文档类型的声明
IE6中如若没有书写这个文档声明,会触发IE6的怪异模式,我们需要重新书写文档声明。
问题二:不同浏览器自身设置的内外边距不同
每个浏览器都会默认存在...
问题一:文档类型的声明
IE6中如若没有书写这个文档声明,会触发IE6的怪异模式,我们需要重新书写文档声明。
问题二:不同浏览器自身设置的内外边距不同
每个浏览器都会默认存在一个内外边距,并且各自的margin和padding差距比较大。
因此,在代码书写中务必在CSS里加上*{margin:0;padding:0;}。
问题三:标签设置浮动之后,又存在margin的情况下,IE6中显示的比设置的大
多个p标签在设置浮动之后,并未在一排,而是被挤到下一排,我们需要在float的标签样式中加入display:inline,将其转化为行内标签。
问题四:设置比较小的高度(小于10px),在IE6,7中高度超出自己设置的高度
我们需要在超出高度的标签上设置overflow:hidden,或者设置行高line-height小于你设置的的高度。
问题五:图片之间存在默认间距
img标签属于行内标签,所以宽度不超过容器本身,img标签就会排在一排,但是在某些浏览器中会存在默认间距,我们就需要设置float来布局。
问题六:img标签外部存在border边框
我们需要设置img边框border:0。
问题七:table标签的border-color无效
运用css样式控制,而不是使用属性进行样式处理。
推荐阅读
-
浏览器兼容性问题汇总,并附解决方法
-
JS来获取全局样式值—style,currentStyle,getComputedStyle() 并解决浏览器兼容性问题
-
原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题)....
-
网页和浏览器兼容性问题汇总(draft1)_javascript技巧
-
求大神帮忙找下不同浏览器css兼容性问题,附网址,代码,在线等_html/css_WEB-ITnose
-
网页和浏览器兼容性问题汇总(draft1)_javascript技巧
-
使用CSS多浏览器兼容性问题及解决方法介绍
-
浏览器兼容性问题汇总,并附解决方法
-
浏览器兼容性问题及常见的解决方法_html/css_WEB-ITnose
-
浏览器兼容性问题大汇总_javascript技巧