本文目录一览
- 1，css浏览器兼容性问题
- 2，css产生浏览器兼容性问题的原因是什么怎么样避免
- 3，css 浏览器兼容问题
1，css浏览器兼容性问题
用hack ie6不支持“!important”优先级，在现实不一样的css语句后面再补一条语句，用它在ie6显示，在原先的那个语句后面加那个优先级；eg： margin-left:20px !important; margin-left:10px; 这样，ie7就优先考虑第一条，而ie6不支持优先级，所以忽略第一条，就按第二条显示.
2，css产生浏览器兼容性问题的原因是什么怎么样避免
除了IE6和7的自身bug，其他浏览器BUG很少的。如果你理解了每一句CSS的意思，规范编写代码，一般很少会出bug。举个很简单的例子，很多人float:left后，担心IE6的双margin bug，不管三七二十一，加display:inline。其实这是错的。你要搞清楚IE6的双margin bug是如何产生的：浮动方向有同方向的margin值，才会出现这个bug。所以如果只是单纯浮动，是不会产生这个bug的。我这只是举个最简单的例子，我想说的是，不要随便加css，每一句代码存在即合理。
ie内核的浏览器一般不会冲突你知道吧，因为网站大都以ie内核为标准，btw，先了解一下内核（负责对网页语法的解释（如html、javascript）并渲染（显示）网页，http://baike.baidu.com/view/1369399.htm）这样，如果网页都是一个标准的话，也不会有这种问题，关键是微软把自己当成了标准，不遵循网页的规范，所以一些网页即使语法错误也会在ie正常显示，而在ff，谷歌浏览器不同内核的浏览器中出现“兼容”问题，其实是网页不遵循web标准还有一种兼容问题：比如网上银行和qq秀主页，有些非主流浏览器就不能正常浏览，因为有些插件只是针对ie浏览器开发的！！！
3，css 浏览器兼容问题
ie6和ie8中很多是相同的，在网页的<head>中加上<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />可以解决一部分 兼容的问题，但是要处理 float 时候，特别要注意一下，
margin-left:10px!improtant; margin-left:5px，这个很神奇，可以试一下。
在说的具体点呢！？是你想要了解 还是 解决不了 BUG ！？
IE6是最容易出现问题的！~ IE6出现双倍边距的问题比如<div class=”box1″></div><div class=”box2″></div>box1和box2同时浮动的时候 你给他外边距的话 他在IE6里就会出现双倍的边距 margin-left:10px;现在你给10像素的左边距 在IE里面里 box1和box2的距离 就有20像素 你可以试试 解决的办法就是 给box2一个属性 display:inline; 这样就可以解决了！~再一个就是hover问题 比如你要给li:hover的话 IE6是不支持的！~ IE6只支持a:hover 还有就是最小宽度 和 最小高度box这是一个固定的模式 一定要这么写！~呵呵 暂时先写这么多 想到了的话 在补充吧！~
【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。
