CSS处理老式浏览器

    xiaoxiao2021-04-17  49

    1: 浏览器份额统计 http://tongji.baidu.com/data/browser

    2: hack 一览表

    : http://blog.csdn.net/chen794252446/article/details/40269321

    3:老式浏览器支持html5

    <!-- 引入 html5js.js 文件 此文件只在 ie浏览器中生效--> <!--[if IE]> <script src="lib/html5.js"> </script> <script src="http://html5shiv.google.com/svn/trunk/html5.js"> </script> <![endif]-->

    4:老式浏览器支持css3

    body {behavior: url(ie-css3.htc);}

    5:E6的3像素bug

    :3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时

    这个3像素的Bug就会出现。

    :看下面这个左列固定,右列浮动的例子,css代码如下:

    body { margin:0;} side { float: left; background:#99FF99; height: 300px; width: 120px;} main { background: #99FFFF; height: 300px;} <div id="side">此处显示 id "side" 的内容</div> <div id="main">此处显示 id "main" 的内容</div>

    :IE6会在两个div中间加上3px的空隙,那么要解决这个问题,

    :请在#side上加上_margin-right:-3px;记住,前边加上一下划线,

    :这样这个样式专门针对IE6生效。IE7和FF下还会正常显示。

    6 IE6的双倍边距bug

    :这又是IE6一个著名的bug,也是我们经常遇到的。

    :如上例,当浮动后设置左侧外边距时后,最左侧将显示为双倍边距,

    :比如设置为20,而在IE6下却显示40px,

    :解决这个问题只需应用一个样式,大家记住就可以了

    display:inline
    转载请注明原文地址: https://ju.6miu.com/read-674128.html

    最新回复(0)