`
aksoft
  • 浏览: 43999 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

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

    博客分类:
  • Css
阅读更多
写页面设计的朋友们,经常为浏览器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>


html代码:

<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全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法

    里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了 复制代码代码如下:background:#ffc; /* 对firefox有效*/ *background:#ccc; /* 对ie7有效 */ _...

    全面兼容ie6,ie7,ie8,ff的最简单的css写法

    本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?

    CSS 完美兼容IE6/IE7/FF的通用hack方法

    important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)&lt;style&gt;#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}&lt;/style&gt; 2, IE6/IE77对FireFox *+html 与 *...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.

    IE8 CSS hack

    针对IE8正式版的CSS hack目前可以找到的分为2种: 第一种:”\9″: 基本的写法: 1..test { color/*\**/: blue\9 } 这个IE6、IE7、IE8都能识别;...} /* IE7和IE6能识别,IE8和FF不能识别*/ 4..header {_width:29

    [removed]google 向上向下滚动特效,兼容IE6,7,8,FF

    2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法 #google1 { border:none; width:270px; height:20px; margin:0px 0; font-size:12px; padding-left:0px; overflow:hidden; font-family:Arial; } #google1 ul { ...

    针对IE6的一些CSS Hack编写时的注意点小结

    区分出IE6的hack写法1.区别IE6、7与FF/IE8: JavaScript Code复制内容到剪贴板 background:blue;*background:orange; 引用显示效果:IE 6/7:orangeFF/IE8:blue原理:FF/IE8不支持*开头,而IE6/7都支持。 2.区别IE...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; ...

    解决IE6、IE7、Firefox兼容比较简单的CSS Hack

    第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看 第三排给IE6以及更老的版本看 最好的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression...

    不同浏览器的CSS Hack写法小结

    区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue;... 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;

Global site tag (gtag.js) - Google Analytics