?

方法一：

?? 跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看：

?? 本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果：
———————IE6——???? IE7——IE8——FF2——FF3—???? Opera9.5
>property——???? Y——???? Y——???? Y——???? N——???? N——???? N
.property——???? Y——???? Y——???? Y——???? N——???? N——???? N
*property——???? Y——???? Y——???? Y——???? N——???? N——???? N
_property——???? Y——???? N——???? N——???? N——???? N——???? N

我们可以看到>property、.property、*property在各浏览器中的表现是一致的，只有_property在IE6和IE7、IE8中有所区别。另外还要注意的，IE6是不支持!important的，而其他几款浏览器都识别。

举例：
要对想同的文字在不同浏览器中显示不同的颜色可以使用：

?

color:brown?!important;??/*用于Opera、Firefox2、Firefox3等现代浏览器*/??

1. >color:green?!important;????/*IE7、IE8可以识别该规则，因此它覆盖掉了上一条规则*/??
2. color:red;??/*所有浏览器都可以识别，但是以上两条规则有!important，所以这条规则被忽视；只有IE6认识并覆盖掉上两条规则*/??

?

推荐阅读更多>

1. css+div小小小结
2. HTML中，怎么设置一个图片不能被点击
3. 求修改上。
4. 初学HTML/CSS：图片怎么在DIV中的垂直居中，文字与DIV中的间距怎么消除
5. javascript：怎么在内容Frame中打开指定网页
6. flash在网页居中的有关问题，ie9、ie8、ie7可以居中，ie6无法居中
7. CSS式样命名规则(仅供参考)
8. 在html 中平添音频或视频后不能播放
9. 浮动广告导致页面可以无限下拉，请帮忙解决思路
10. dw里面如何对target进行更详细的定义呢
11. 两个div在一行解决方法
12. JQuery写出的.Dialog在IE和Firefox上显示大小不一致
13. 参与了html研究小组第12期技术分享沙龙北京站活动
14. 请帮忙批改个打印格式吧 老是对不齐 搞了一天了
15. HTML的一些关于颜色方面的参考
16. [CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題
17. 坑爹的freemarker引述 css样式变乱
18. 有支持Html5 WebSocket的手机浏览器吗？解决方案
19. 实现在线音乐播放器的效能
20. META标签的微妙