您的位置:首页 > 其它

总结的一些浏览器的兼容性的问题

2016-05-27 11:32 253 查看
1.ff中,如果设置了padding,这个div的宽度width和height就会增加相应的padding值,但是ie不会。所以可以用!important来多设一个宽高给ff看。这个width一定是减去padding的那个值。(ff)width+padding=(ie)width      形如:width:200px !important;

2.ie6的双边距问题,如果为一个div设置了float。又给他设置了margin。那么实际上这个margin会变成原来的两倍。解决方案就是给这个div设置display:inline

3.不同浏览器padding和margin的默认值可能不一样,所以在写样式表时在最开始要写padding:0;margin:0;这样就能统一啦。

4.min-height最低高度不兼容。如果我们希望高度最低不能低于多少时,这时就需要设个啦,但是在ie下是不识别的,所以如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;}

5.height:300px;*height:200px;_height:100px;那么多高度到底该去哪个呢?这里就涉及到了css hack的问题了。ie6能识别*和_。ie7能识_,不识别*。而ff这两个都不认识。所以这个在ie6的结果是100,ie7是100.ff时候300.而其他的一些浏览器读出来的就是300。(注意这里的顺序)

6..IE6下为什么图片下有空隙产生
[b]解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img
为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.
[/b]

7.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden
| zoom:0.08 | line-height:1px。

[b]8.为什么web标准中IE无法设置滚动条颜色了。把body改成html[/b]
[b] html
{      scrollbar-face-color:#f6f6f6;      scrollbar-highlight-color:#fff;      scrollbar-shadow-color:#eeeeee;      scrollbar-3dlight-color:#eeeeee;      scrollbar-arrow-color:#000;      scrollbar-track-color:#fff;     scrollbar-darkshadow-color:#fff;      }
[/b]

13.div设置margin:0
auto时是居中的,但是在ie中还是不行的,这时需要在这个div的父类元素上设置text-align:center

[b][b]9.ff下文本内容无法撑开容器的高度[/b][/b]

[b][b]如果你想固定高度又想它可以撑开的,那就需要用到min-height。div{[b][b][b]height:auto
!important;
[/b][/b][b][b]height:200px;[/b][/b]min-height:200px;}在这里!important是ff可以识别的。[/b][/b][/b]

[b]
[/b]







内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: