【问题标题】:What CSS hacks are these?这些是什么 CSS hack?
【发布时间】:2011-08-17 03:32:38
【问题描述】:

我在我现在部分负责的 CSS 声明代码中发现了这一点:

margin: 0 0 0 10px;
*+margin: 4px 0 0 10px;
margin: 3px 0 0 10px\0/;

...*+\0/ 是我特别关注的。这里使用了哪些技巧?

有没有一个标准的地方可以让我查看当前和过去的 CSS hack,其中还列出了它们的适用性和有用性?我希望能够一眼看出故意破解和简单代码错误之间的区别。

【问题讨论】:

  • 实际测试导致结果令人困惑。使用ipinfo.info/netrenderer + fiddle.jshell.net/dGrCt/show/light 自己测试
  • 这些 hack 带来的痛苦多于其价值。他们有时甚至不工作,我讨厌许多人没有验证的一千个太阳的愤怒。需要用IE条件cmet重写,测试再测试。
  • 这似乎并没有按预期工作。看我之前的评论——用IE7测试,文字是黑色的,不是红色的。接受的答案不完全完整/正确。
  • 三十点,请随时回复更正确的答案。我知道这些东西没有用。我需要在参考中找到破解,看看以前的开发人员打算用他们愚蠢的破解来瞄准什么。
  • 就是这样 - 我无法弄清楚作者的意图。似乎他们不知道自己在做什么。 IE8/IE9 获得声明 3,IE7/IE6 获得没有任何声明(您希望它们获得声明 2,但事实并非如此),所有其他“现代”浏览器获得声明 1 .

标签: css css-hack


【解决方案1】:
margin: 3px 0 0 10px\0/;

这是一个用于指定 Internet Explorer 8 的 CSS hack。

*+margin: 4px 0 0 10px;

这个适用于 Internet Explorer 7

【讨论】:

  • 太棒了。有没有列出这些黑客、它们的年龄和有用性的好网站?
  • Masaul 提供了一个很棒的网站 - 从 2009 年开始,但非常好。 Paul Irish 的网站,他是许多前端问题的重要资源:paulirish.com/2009/browser-specific-css-hacks
【解决方案2】:

至于 hack 列表,this 非常全面,但我敢肯定那里还有更多 hack。

【讨论】:

    猜你喜欢
    • 2010-10-13
    • 1970-01-01
    • 2017-10-03
    • 2011-03-11
    • 2010-11-10
    • 1970-01-01
    • 2014-10-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多