请分享一下hack CSS的心得把。

2011-03-20 23:09:42 +08:00
 SolidZORO
我是针对FF来写CSS的。而对于IE 6 7。就用

*:first-child+html #side {}/*--for ie7--*/

* html #side {}/*--for ie6--*/

来hack。

不过。我使用中发现一个bug。过多(>10)的使用background:url做背景图片的话。会导致某些背景消失。滚动页面时候会消失。而我去掉了以上hack的话。就好了。以上hack是添加到CSS尾部的。按理说写得很合情合理而且也通过了W3C校验。所以想问问大家最稳妥的hack方式是什么?
4740 次点击
所在节点    分享发现
5 条回复
dimlau
2011-03-21 01:11:13 +08:00
有个比较丑陋地写法:

color:red; /* 所有浏览器 */
color:#aaa\9; /* 所有IE浏览器 */
*color:#bbb; /* IE7和IE6 */
+color:#ccc; /* IE7 */
_color:#ddd; /* IE6 */

不知道会不会出现你说的那种问题。大多数做法还是这个:

<!--[if IE 6]>
<link rel="stylesheet" href="/ie6.css" type="text/css" />
<![endif]-->
gonghao
2011-03-21 01:26:09 +08:00
hack这种东东本来就是巨恶心的,要是能找到一种方法不用hack也达到同样的目的感觉才算是比较好的办法~~~但是往往现实总是这么杯具,不得不在时间、效率面前无视那些所谓的原则,屈服于hack~~~不过还是尽量少吧~一般就hack ie系类就好~~color:#aaa\10;貌似这个可以排除IE9哈,前段时间有实验了一下,不过不确定哈,忘记咯,嘻嘻~~
shanghaikid
2011-03-21 07:41:07 +08:00
能不写hack,尽量不写
spark
2011-03-21 09:03:55 +08:00
平时都用@dimlau第一种写法,然后整理出来,用第二种链进去。简单粗暴。
loading
2011-03-21 10:42:04 +08:00
如果需要通过验证,一般用条件注释。
如果不要求这个,直接用#和_

同意 @spacrk 的简单粗暴方法

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/10118

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX