这里介绍两种css hack的写法,先看例子,上代码:
border:2px solid #00f; /*ff的属性*/
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的属性*/
color:#00f; /*ff的属性*/
color:#f90\9; /* IE6/7/8的属性 */
*color:#090!important; /* IE7支持 */
*color:#f00; /*IE6的属性*/
css顺序不能写错,因为ff不认识\9,\0,_写法,所以为蓝边;\9是IE6,7,8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为ie8属性,相当于重写了颜色,所以IE8下为黄边,_是ie6的属性,重写颜色为红边.
第2种写法,大家应该比较熟悉吧,因为ff不认识\9,*写法,所以为蓝字;\9是IE6,7,8的属性,下面代码并没有重写IE8的代码,所以IE8下黄字;同理,*XXX!important为ie7属性,相当于重写了颜色,所以IE7下为黄字, *是ie6的属性,重写颜色为红字.
查看DEMO
原文:http://duanxin.me/articles/css-hack/
分享到:
相关推荐
"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...
2. **IE6/7/8兼容写法**: ```css border:2px solid #090\9; ``` 对于IE6/7/8浏览器,使用`\9`后缀可以确保这些版本的IE能够正确解析CSS代码。这里的边框颜色被设置为绿色。 3. **IE8兼容写法**: ```css ...
最后,对于IE8,由于它在某些方面与IE6和IE7有显著不同,可能需要使用开发者工具进行调试,通过不断测试和调整,确定哪些CSS规则需要为IE8单独编写,以实现最佳的兼容性效果。 总之,处理CSS浏览器兼容性问题需要...
本文将重点探讨IE6、IE7以及Firefox之间的CSS兼容性写法,帮助开发者更好地解决实际项目中的兼容性问题。 #### 二、CSS Hack技术概述 为了确保网页在不同浏览器中的表现一致,开发者常常会采用一种名为“CSS Hack”...
### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...
标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...
### CSS兼容IE6、IE7、FF的技巧详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器的特性和版本差异编写特定样式的技术。它可以帮助开发者解决跨浏览器兼容性问题。 ##### 1. 通用Hack方法 对于**IE6...
在IT行业的前端开发领域,浏览器兼容性一直是一个关键议题,特别是在处理旧版浏览器如IE6、IE7、IE8以及火狐(Firefox)时。本文将深入探讨这些浏览器的兼容性问题,以及如何通过特定的技术手段来实现跨浏览器的一致...
这种CSS HACK的写法确保了在IE6、IE7、IE8以及Firefox浏览器中都有特定的表现,实现了全面兼容。 需要注意的是,在CSS中使用HACK虽然可以解决一时的兼容性问题,但这种方法有时会降低代码的可读性和可维护性,同时...
` 这样的写法可以区分IE6、IE7和其他现代浏览器。 #### 四、实例演示 假设我们需要让一个段落文本的颜色在不同的浏览器中显示不同的颜色: ```css p { color: brown; /* 所有浏览器默认颜色 */ color: red \9; ...
标题中提到的“ie6~ie9 hack兼容写法”涉及了在不同版本的Internet Explorer浏览器中,尤其是IE6到IE9之间存在的兼容性问题,以及在CSS代码中使用特定的技巧来解决这些问题。IE浏览器因遵循自己的渲染引擎和一些私有...
本文将探讨一种2010年时全面兼容这些浏览器的CSS HACK写法。 首先,为了解决IE8的兼容性问题,我们可以使用微软提供的`<meta>`标签,如下所示: ```html <meta http-equiv="x-ua-compatible" content="ie=7" /> ``...
本篇文章将探讨如何实现对IE6、IE7、IE8及Firefox全面兼容的最简单CSS写法。 首先,针对IE8的兼容问题,可以通过在`<head>`标签内添加以下代码来解决: ```html <meta http-equiv="x-ua-compatible" content="ie=7...
然而,针对IE6、IE7、Firefox、Chrome、Opera等其他浏览器的兼容性问题,我们需要使用更复杂的CSS Hack。以下是一个示例: ```css .t1 { color: #000000; *color: #0000FF; /* 仅IE7识别 */ _color: #66CCCC; /*...
important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style> 2, IE6/IE77对FireFox *+html 与 *...
本文将根据提供的内容,详细讲解一些常见的CSS设计在不同浏览器,特别是IE6-8中的兼容性问题及解决方案。 首先,我们关注的是按钮的兼容性问题。在IE6中,按钮元素可能会对后续元素产生额外影响,因此我们需要初始...