论坛首页 Web前端技术论坛

全面兼容ie6,ie7,ie8,ff的CSS HACK写法

浏览 9754 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-06-28  
CSS
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享.

<style type=”text/css”>
#body {
border:2px solid #00f;     /*ff的属性*/
border:2px solid #090\9;   /* IE6/7/8的属性 */
border:2px solid #F90\0;     /* IE8支持 */
_border:2px solid #f00;     /*IE6的属性*/
}
</style>


<div id=”body”>
<ul>
<li>FF下蓝边</li>
<li>IE6下红边</li>
<li>IE7下绿边</li>
<li>IE8下黄边</li>
</ul>
</div>


注:css顺序不能写错,因为ff不认识\9,\0,_写法,所以为蓝边;\9是IE6,7,8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为ie8属性,相当于重写了颜色,所以IE8下为黄边,_是ie6的属性,重写颜色为红边.

原文地址:http://www.52blogger.com/archives/535
   发表时间:2010-06-30  
給你這樣的hack寫法..專注改代碼10年...
0 请登录后投票
   发表时间:2010-06-30  
浪费我的感 情
0 请登录后投票
   发表时间:2010-06-30  
都不知道有没有认证测试的
反正我遇到过HACK写法不能解决问题的
0 请登录后投票
   发表时间:2010-07-01  
千万别用这种所谓的css hack,维护起来太费劲了,实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。
0 请登录后投票
   发表时间:2010-07-01  
fogtower 写道
千万别用这种所谓的css hack,维护起来太费劲了,实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。

楼上正解,我通常都是这么干的,在页面里链接进不通的CSS文件,维护起来非常方便,比如哪天IE6已经淘汰了,只需要直接删掉IE6的CSS文件,如果用hack改起来就麻烦了。这样的hack在真正开发起来实用性不大,对于自己做个小玩意儿还是可以的
0 请登录后投票
   发表时间:2010-07-02  
fixsmall 写道
fogtower 写道
千万别用这种所谓的css hack,维护起来太费劲了,实用性不大。
可以在HTML中引入不同css文件的方法来兼容各个浏览器。

楼上正解,我通常都是这么干的,在页面里链接进不通的CSS文件,维护起来非常方便,比如哪天IE6已经淘汰了,只需要直接删掉IE6的CSS文件,如果用hack改起来就麻烦了。这样的hack在真正开发起来实用性不大,对于自己做个小玩意儿还是可以的


有钱的公司可以这样做,没钱的公司整个页面都是TABLE , 兼容性很好 ~
0 请登录后投票
   发表时间:2010-07-02  
不大实用,这样写css代码行数太可怕了
0 请登录后投票
   发表时间:2010-07-02  
naily 写道
不大实用,这样写css代码行数太可怕了

其实也不是所有的CSS都要这样啊,大部分css都还是各浏览器通用的。
0 请登录后投票
   发表时间:2010-07-04  
其实我也比较常用 这样的CSS hack,毕竟出现这种情况的 都是少数的,而且在一个公司里  如果统一采用这种方式,那么后期的维护也并不会很大。 写兼容的方式很多,但按照一种标准来执行的话,用哪种都差不多的,个人意见。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics