css hacker是怎么回事?以及css如何才能兼容各浏览器?谢谢

来源:百度知道 编辑:UC知道 时间:2024/05/27 06:48:37

css hacker是为了处理css在不同浏览器之间的兼容性问题而产生的,但是css hacker我们应该尽量少用,以优化我们的前端性能。

常见css兼容问题:1.clear:both;不想受到float浮动的影响,就在样式中写入clear:both;2. IE浮动 margin 产生的双倍距离#box {float:left;width:100px;margin:0 0 0 100px; /*这种情况之下IE会产生200px的距离*/display:inline; /*使浮动忽略*/3. ul 标签在FF中默认是有 padding 值的,而在IE中只有margin有值先定义 ul {margin:0;padding:0;}4.鼠标手指状显示全部用标准的写法 cursor: pointer;5 IE与宽度和高度的问题IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。比如要设置背景图片,这个宽高度是比较重要的。要解决这个问题,可以这样:#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}6.关于min,max中的ie兼容 /*min-width,max-width,min-height,max-height等对非ie有效,对ie无效;*//*类似expression(document.body.clientWidth < 200? "200px": "auto",document.body.clientWidth > 300? "300px": "auto" )等表达式等对ie有效,对非ie无效;*/#container{ min-width: 200px; max-width:300px;width:expression(document.body.clientWidth &l