写页面设计的朋友们,经常为浏览器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
本文链接:http://www.blueidea.com/tech/web/2010/7768.asp
分享到:
相关推荐
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;...
CSS Hack 不得不在一些项目中运用到
本文主要介绍了通用的css hack
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享.
浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易...加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?
区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; ...
区别不同浏览器的CSS hack写法
CSS Hack的目的是兼容各种浏览器,然而IE总是个例外的存在,特别是IE8,而IE8又是Windows 7的IE的默认内置版本...偶然尝试出了仅针对IE8有效的CSS Hack猎奇写法,下面与大家分享一下:
本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.
由于不同浏览器所遵循...CSS Hack技术,就是利用不同浏览器不同版本之间的CSS实现的特性差异,来满足我们需要的效果:在所有主流浏览器上显示统一的效果,或者为特定浏览器显示特定的效果。 众所周知,如果在一个css样
Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK。文件是整理所得的技巧,还有如何处理BUG!
那么这一节将和大家一起学习:浏览器兼容之旅的第二站:各浏览器的Hack写法 虽然和大家在一起学习各浏览器的Hack的写法,但我还是要说“Hack对于一位专业的前端攻程师来说并不是一样很好的东西,我力求处理浏览器...
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 { ...
CSS hack的写法有很多种,其中,特殊符号的应用最为普遍,也最为简洁,下面一一介绍了特殊符号类型的CSS hack技术: 1、反斜线(\) 适用浏览器:IE/Mac 反斜线(\)hack利用了IE/Mac的一个bug。以\*/结束的注释...
2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明 2 二 IE下判断IE版本的语句 2 1. 直接案例 2 2. 语法 3 3. 注意事项 4 三 常见css的兼容性问题 4 1. IE6下float元素margin加倍 4 2. ...