如何让html页面兼容ie浏览器

html-css029

如何让html页面兼容ie浏览器,第1张

按照W3C标准来布局就可以达到各浏览器的兼容效果,不只是IE了。

各浏览器的解析标准不同而导致的,同样的页面展示在不同浏览器里时,展示效果也不同,为达到同样的效果,需要对浏览器的解析进行重置,也就是初始化。

初始化一般是CSS对页面标签的重置设置,通过把一些默认有标签样式重置为一致后,在各浏览器下也就很容易达到相同的展示效果了。

理论上来说,我们需要做的是渐性增强处理,而不是降级内核处理。相对来说,IE9的解析比IE8以下处理的解析增强了不少。

解决兼容性可以使用css来实现。

为老版本ie专门写一个old.css,在html里面加一段js来识别浏览器版本,当老版本ie访问时自动启用old.css,即可兼容。

另外老版本ie现在使用的人并不是很多,如果嫌写代码麻烦的话,也完全可以忽略老版本ie用户,或者在html里面加js识别老ie访问时显示一段话“您的ie版本太旧了,不能很好的展示网站功能,建议更新ie浏览器或者下载google、火狐浏览器等”目前腾讯邮箱好像就是这样提示 的,也就是做一个友好提示。

方法/步骤\x0d\x0a不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。\x0d\x0a因此如果想消除这种差距,应该在相应的CSS部分加入以下CSS代码:\x0d\x0a*{margin:0pxpadding:0px}\x0d\x0a借于此,所有标记的内外边距被统一起来。\x0d\x0a优先级问题:\x0d\x0a对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。\x0d\x0aMargin不一致的问题:\x0d\x0a当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display:inline”项即可。\x0d\x0aDIV居中问题:\x0d\x0a通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问题。\x0d\x0a内外边框合并问题。通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。\x0d\x0a掌握了这一规则,在利用DIV块进行布局时我们就可以做的更加得心应手。