IE “+” CSS Hack研究 _ PlanABC

表达方式：+property:value

测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2

测试结果：IE5，IE6 ，IE7浏览器识别；FF2.0，Opera 9，Safari 2浏览器不识别。

结论：我们可以用”+”来实现只有 IE 识别的 CSS Hack。

比如我们要实现在 IE 中 480px 的宽度，而在其他浏览器 500px 的宽度，就可以通过 “+” Hack 来完成，如下：

#hack {
	width:500px;
	+width:480px; /*only IE*/
}

这应该归结于IE对一些特殊字符的识别，大家还可以测试其他的特殊字符如：” >”,”-”,”@”……或许有更多的收获。

PS：可能有朋友想到 “_” Hack ，但它们是由区别的，因为IE7中是不识别“_”的。

这篇文章发表2007年3月9日下午 12:00，并被分类于HTML/CSS/XML/XSL，已被 19669 人阅读。您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论，也可以发表您的评论，或者在您自己的网站中引用（trackback）该篇日志。

welcome58 2008年4月8日上午 8:23 ₪

比如我们要实现在 IE 中 500px 的宽度，而在其他浏览器 480px 的宽度，就可以通过 “+” Hack 来完成，如下：

#hack {
width:500px;
+width:480px; /*only IE*/
}
上面的文字信息与css表现出来的信息相反，应该是笔误吧

Dream zhao 2008年4月8日下午 5:42 ₪

“IE 中 500px 的宽度，而在其他浏览器 480px 的宽度”
与

#hack {
width:500px;
+width:480px; /*only IE*/
}

这个写反了。。。。

应该是：
#hack {
width:480px;
+width:500px; /*only IE*/
}

怿飞 2008年4月8日下午 5:55 ₪

谢谢，是笔误^^

4. waakee.com 2008年6月18日下午 7:57 ₪

IE “+” CSS Hack研究 _ PlanABC – 怿飞’s Blog…

表达方式：+property:value
测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2
测试结果：IE5，IE6 ，IE7浏览器识别；FF2.0，Opera 9，Safari 2浏览器不识别。
结论：我们可以用”+”来实现只有…

雨中无伞 2008年6月27日上午 9:40 ₪

#hack {
width:500px;/*ff*/
+width:480px; /* IE7*/
_width:200px; /* IE6*/

}
我这样做区分三者

橘子 2008年7月28日下午 2:55 ₪

不是还可以*吗

eva 2008年10月16日上午 10:08 ₪

#hack {
width:500px;
+width:480px; /* only IE*/
*widht:400px;/*only IE7*/
_width:200px; /*only IE6*/
}
通不过验证..但满好用…..

IE “+” CSS Hack研究