![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器兼容
古兮!怪哉
这个作者很懒,什么都没留下…
展开
-
如何解决IE6下div错位的问题,以及IE7、IE8样式不兼容问题
1. IE6下div错位的问题在IE7、IE8下,采用‘float: left’的div都没有问题,但是在IE6下却会向下移动,出现空白。这是因为IE6采用的内核默认把div之间的距离增加了3-5个px,所以,可以在下移的div的style里增加“margin-left: -5px”或者更小。2. 解决IE7、IE8样式不兼容在液面中加入HTTP meta-tag只要I转载 2017-08-18 11:22:15 · 326 阅读 · 0 评论 -
关于css hack在浏览器兼容性问题上的使用
考虑到目前有很多浏览器,尤其是其中还有IE6、IE7这样的老版本的浏览器,不同浏览器对css的解析情况不一样。为了能兼容不同的浏览器,我们使用css hack来实现在不同浏览器中得到想要的页面效果。本文只罗列出常用的方法,具体的使用,可以参考css hack在百度百科中的使用说明。(1)下划线"_"和中间线"-":用来选择IE6及以下。但是为了避免与一些带有中间线的属性混淆,我们通常使用下原创 2017-08-19 16:01:52 · 325 阅读 · 0 评论 -
IE6中一些样式Bug及其解决方法
1. IE6双边距Bug当页面上的某个元素使用float:left浮动时,则设置margin后的实际效果会变成2倍。例如在IE6中设置float: left; margin-left: 10px;,则实际得到的margin-left是20px。解决方法:加入display: inline2. IE6中奇数宽高的BugIE6中奇数的宽高显示大小与偶数宽高显示大小存在一定不同。例如设置width:10...原创 2017-08-19 20:30:06 · 663 阅读 · 0 评论 -
浏览器中常见的兼容性问题
1. 双倍边距问题问题:IE6中使用了float的情况下,无论是left还是right,都会出现双倍编剧的问题;解决方法:设置display:inline2. 文字大小不兼容问题:文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间不一样,在IE下实际占14px,下留白3px;在fireFox下实际占高17px,上留白1px,下留白3p转载 2017-09-10 10:30:49 · 292 阅读 · 0 评论 -
CSS图片下面产生间隙的6种解决方案
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳, 供大家参考。1、将图片转换为块级对像即设置img为:display:block;在本例中转载 2017-09-10 14:22:57 · 3398 阅读 · 0 评论