css hack \9的作用是什么

css hack \9的作用是什么:
在一些css代码中可能会有\9身影的出现,下面就介绍一下它的作用是什么。
代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<head>
<style type="text/css">
div{
  width:170px;
  height:140px;
  background:green\9;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

上面的代码经过测试,IE6-IE10可以将div的背景颜色设置为绿色,其他浏览器不行。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15390

更多内容可以参阅:http://www.softwhy.com/divcss/

时间: 2024-10-10 22:22:58

css hack \9的作用是什么的相关文章

常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解

什么是浏览器兼容问题?所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 总结一下我编写代码的时候遇到的浏览器兼容问题,跟大家学习. 一.解决无法在IE6下面设置1px高的容器(div)的问题. 大家看看这一段代码: <div style="height:1px;wi

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

写三句代码来控制一个属性,区别Firefox,IE7,IE6: background:orange; *background:green !important; *background:blue; 说明:这段代码会使在Firefox中,背景呈橙色:IE7中为绿色:IE6中为蓝色. 道理如下,Firefox不能识别*,所以后面两句都不执行,直接执行第一句:IE7三个都能识别,但是由于有第二句important的作用,所以就执行了第二句代码:IE6不能识别!imprtant,按照最新原则,那就理所当

css3复杂选择器+内容生成+Css Hack

1.复杂选择器2.内容生成3.多列4.CSS Hack(浏览器兼容性)=======================================1.复杂选择器 1.兄弟选择器 1.特点: 1.通过位置关系来匹配元素(平级) 2.只能向后找,不能向前找 2.兄弟选择器-相邻兄弟选择器 1.什么是相邻兄弟 紧紧挨在一起的元素,称之为相邻兄弟 <div id="d1"></div> <p id="p1"></p> <

CSS Hack (各个浏览器兼容的问题)

写css样式的时候,恐怕最头疼的就是各个浏览器下的兼容性问题,即css hack,明明感觉应该是对的,但是就是出不来效果,我根据平时所接触的,总结一下关于兼容 性的技巧,希望可以对大家有所帮助…… CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. CSS Hack大致有3种表现形式,CSS类内部Hack.选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针

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

CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF:         background:orange;*background:blue; 区别IE6与IE7:         background:green !important;background:blue; 区别IE7与FF:         background:orange; *back

让IE和Firefox兼容的CSS技巧集合css hack

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不

CSS hack样式兼容模式收藏

part1 —— 浏览器测试仪器,测试您现在使用的浏览器类型 IE6   IE7   IE8   Firefox   Opera   Safari (Chrome)   IE6   IE7   IE8   Firefox   Opera   Safari (Chrome)   您现在使用的浏览器是Opera.Opera游览器很时髦么. 您现在使用的浏览器是Firefox.Firefox是很强大的游览器. 您现在使用的浏览器是Safari(Chrome).Safari和Chrome使用的都是Web

Css+Div摘录集-css hack

*以下内容属于网上摘录 css hack: *html    (ie6) 注意标签前添加与属性前*color:red不同,属性前添加ie6/7都可解析 *html{color:green}===html{_color:red;} html{*color:red;} *+html    (ie7)这种写法只有ie7能解析,网上没有找到其他只能ie7解析的例子,如果你发现了可留言给我 *+html{color:red}!=html{*color:red} *注意不要以为是只是'*,*+'在起作用,以

兼容IE6,IE7和firefox可以使用的一些css&#160;hack:

.一些问题是浏览器自身的问题,遇到问题发生无法避免的情况下,那就要考虑使用一些css hack了,以下是针对IE6,IE7和firefox可以使用的一些css hack:(1) a: 针对区别IE6 和IE7/firefox, 可以在要区别的代码后面跟上!important注意:ie6也认识!important:只要ie7/ie8/ff优先执行!important的属性.例:#test{    float:left;    (1)    (2)}最终显示:ie6下test是红色,而ie7/ie8