【【总结整理】关于IE6的兼容性】的更多相关文章

ie6浏览器兼容性

1.ie6双倍边距bug 块状元素设置float(左浮动或有浮动),并且设置margin值之后,第一个浮动的元素其左侧margin值为正常的2倍,如图,可以看到第一个元素的左侧边距于其他元素两两之间的边距一致,也就是其左边距为正常边距的两倍 解决方法:给元素设置display:inline即让元素不为块状元素,如图第一个元素左侧的边距显示正常 2.ie6浏览器3像素bug 设置蓝色块状元素左浮动,红色元素不浮动,两个块元素之间会出现3像素的间隙,如图 解决方法:第二个元素也设置左浮动,如图,间隙…

【总结整理】关于IE6的兼容性

1. /*IE6兼容性,input边框border:none无效,不能去掉,只能把背景颜色去掉*/ background: none; /*background-color:#fff ;*/ 2. /*IE6兼容性,计算文字纵向不居中*/ /*height: 35px; padding: 0 5px;*/ height: 14px;/*(35-14)/2=10.5*/ line-height: 14px; padding: 11px 5px 10px; 3. /*IE6兼容性,计算文字纵向不居中…

ie6,ie7兼容性总结（转）

其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了.解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值.这点很重要,在高…

ie6,ie7兼容性总结

摘自: http://www.cnblogs.com/li0803/archive/2009/08/22/1552094.html 其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera…

IE6的兼容性以及处理方法

1. 当我们写了一段正确的代码,但是在不同浏览器下,产生一些不正确的解析,这叫做兼容性问题 2. 在IE6下 ,标准盒模型: width/height = content; 可视宽/高 = content + padding + border; 怪异盒模型 width/height = 可视宽/高; content = width - padding - border; 在老版本IE下,不设置文档声明,页面就会陷入怪异盒模型解析 3. 在IE6下,占位宽 = content + padding…

在sublimen中整理CSS代码及其兼容性问题

1,使用鼠标选中前面浅灰色缩进. 2,Ctrl+H 查找替换  点击 Find All 查找全部缩进. 3,按backspace向后删除两次,如下图所示: 4,向下按一次方向键,再向左按一次方向键,最后向后删除一次backspance  如下图所示: 5,CSS代码就整理好了!!!!这里一定记住在书写CSS样式时,一定要记得同时书写注释. 在书写CSS样式时,可以先写好大体注释: /*all tag 全员基本样式*/ ... /*header导航*/ ... /*banner轮播图*/ ...…

IE6 一些兼容性问题及处理方法

1.IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定marin时造成margin双倍(双边距) 解决方法:display:inline 3.以下三种其实是同一种bug 1)字体大小为奇数之边框高度少1px 解决方法:字体大小设置为偶数或line-height为偶数 2)line-height,文本垂直居中差1px 解决方法:padding-top代替line-hei…

ie6中兼容性问题总结

针对firefox ie6 ie7 ie8的css样式中的line-height属性,以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!这些细节却往往影响了整个页面样式的美观性.搜索了一下,找到了一个针对IE7.IE8不错的hack方式,IE7使用*+html或*line-height: 方式.大概的总结如下: CSS可以参照如下定义,注意顺序: #menu { line-he…

IE6、IE7、IE8、Firefox兼容性

整理关于IE6.IE7.IE8.Firefox兼容性CSS HACK问题 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]:  #divcss5{background:blue; /*Firefox 背景变蓝色*/background:red…

HTML-IE6兼容性问题及IE6常见BUG详细汇总

点评:IE6的兼容性问题一直都是前端工程师的恶梦,为了早早脱离这种困境,本文整理了一些相关兼容性的知识,感兴趣的朋友可以参考下哈,希望可以帮助到你- 1.终极方法:条件注释 <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本. <![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本. <![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6…