chrome和firefox的css-hack

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4535 天前的主题，其中的信息可能已经有所发展或是发生改变。

@media screen and (-webkit-min-device-pixel-ratio:0){ #zindex_nav tbody tr td table tbody tr td div {display:block;margin-top:0px;border:2px solid red;} } /*chrome and safari*/

#zindex_nav tbody tr td table tbody tr td div{margin-top:0px !important; margin-top:-90px;}

具体表现为:

用margin-top:0px !important这条吧，chrome就表示不同意

不用margin-top:0px !important 这条吧，ff就表示不同意

IE倒是挺听话，一个margin-top:-90px就同意了。

呃，针对chrome和ff之间的。有没有什么好的解决方案？

貌似!important 比@media screen and 这个的优先要高。我已经把先后顺序换过了，还是不能解决。

top

margin

7 条回复 • 1970-01-01 08:00:00 +08:00

kojp

2011-12-23 15:05:17 +08:00

[quote]浏览器进步了，支持!import了。
这种hack都只能针对某个版本的某个浏览器，终究会过时的。
保险的办法的是用javascript检测，再相应地加载样式表[/quote]

真的就有这么杯剧吗？

Sivan

2011-12-23 15:08:04 +08:00

用 modernizr 可以。

NemoAlex

2011-12-23 15:29:15 +08:00

table布局啊...

kojp

2011-12-23 15:48:34 +08:00

@NemoAlex
我也不想呀！！！！被表格搞死了都，这两天~~~我又没有权限进行重构，只能是做css-hack微调

@Sivan
谢谢，我试试。

kojp

2011-12-23 15:49:21 +08:00

@Sivan
modernizr 不靠谱哇。。不想用js解决这个问题

Sivan

2011-12-23 15:58:27 +08:00

@-moz-document url-prefix() {
/* Gecko-specific CSS here */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit-specific CSS here */
}

试试这个，来自http://stackoverflow.com/questions/1876156/css-hacks-firefox-3-5-and-google-chrome

kojp

2011-12-23 18:41:16 +08:00

@Sivan
谢谢，空上果真能用！！
你好强。。。
我觉得，我得重新学习一下英文，然后在stackoverflow上面注册个账号了。。。