解决IE6、IE8 宽度兼容

一、!important 兼容ie6
因为ie7及其以上版本对!important的支持，所以!important 方法就可以很好的用来做ie6的兼容了。（切记声明位置需要提前。）
例如：
#right {
width: 600px !important; /* ie7+ff */
width: 620px; /* ie6 */
}
二、css hack的方法
首先说明一下：
所有浏览器通用 width： 100px;
ie6 专用 _ width： 100px;
ie7 专用 *+ width ： 100px;
ie6、ie7 共用 * width： 100px; （这个用处貌似不大哈）
ie7、ff 共用width： 100px ！important;
下面新乡举几个例子
第一种：ie6 - ie7-ff
.div { margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/ }
或者
.div { margin:10px;/*ff*/
_margin:15px;/*ie6*/
*margin:15px;/*ie7*/
}
第二种：（ie6 +ie7）-（ff）
.div { margin:10px;/*ff*/
*margin:15px;/*ie7+ie6*/
}
第三种：ie6 – （ie7+ff）
.div { margin:10px;/*ie7+ff*/
_margin:15px;/*ie6*/
}
第四种：（ie6+ff） - ie7
.div { margin:10px; /*ie6+ff */
*+margin:15px; /*ie7 */
}

解决IE6、IE8 宽度兼容相关推荐

一行代码解决IE6~IE8以及IE兼容模式下的兼容问题
之前写代码直接是 ! + Tab, 接手一个项目,在任何浏览器都没有问题,只有在 IE 的兼容模式下,页面全都乱套.对比了一下之前写的代码发现没有这么一行代码:<meta http-equiv= ...
解决IE6、IE7、IE8、Firefox兼容的两种方案
转自:http://dyclh.iteye.com/blog/845349 浏览器不兼容,你知道源头吗? 凡事都要知其然,才能知其所以然,前端开发的朋友想毕都会碰到浏览器兼容的问题,今天在网上觅到此文 ...
解决IE6、IE7、IE8、Firefox兼容的几种方案
你是否在位IE6.IE7.IE8.Firefox不兼容问题而烦恼,这里向大家简单介绍一下解决IE6.IE7.IE8.Firefox兼容的几种方案,希望对你的学习有所帮助. 解决IE6.IE7.IE8. ...
html兼容ie7ie8,解决IE6、IE7、IE8样式不兼容问题
这里和大家探讨一下解决IE6.IE7.IE8 DIV错位问题,如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一 ...
php7 css样式不支持,div错位/解决IE6、IE7、IE8样式不兼容问题_html/css_WEB-ITnose
放到标签下,然后为div指定一个类: 然后CSS这样设计: #container{ min-width: 600px; width:expression(document.body.clientW ...
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法参考文章: (1)完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 (2)https://www.cnblogs.co ...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
IE6/IE7/IE8/FF兼容问题汇总，以及解决方案
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

解决IE6、IE8 宽度兼容

解决IE6、IE8 宽度兼容相关推荐

最新文章

热门文章