Question

寻找在Firefox 3.6中不继承的Firefox 3 CSS hack。

html>/**/body .blockmeta .date-ui, x:-moz-any-link, x:default {
       border:1px solid #ccc;
       border-bottom:2px solid #ccc;
       background:#f2f2f2;
       margin-top:-1px;
}

上面的代码似乎也适用于Firefox 3.6，这是不可取的。

Answer 1

我没有使用它，但如果你可以使用JavaScript，那么CSS Browser Selector看起来很有趣。

当然，更好的选择是不要依赖黑客。像素完美并不重要，只要它对你的原始设计仍然相当准确。

请记住，大多数人不会在每个浏览器中比较您的网站，因此不会发现差异。

Answer 2

body，x：-moz-any-link，x：default，x：indeterminate {background：red}

这不是一个好的黑客，因为它很奇怪，它正在搞乱ie7。

Answer 3

使用Mozilla CSS Extensions为任何Firefox版本添加选择器，然后使用Firefox 3.6+过滤器覆盖它，重置值：

/* Any Firefox */
@-moz-document url-prefix() 
  { 
  .blockmeta .date-ui { display:none } 
  }

/* Firefox 3.6+ Filter */
@-moz-document url-prefix() 
  { 
  @media -moz-scrollbar-start-backward 
    { 
    .blockmeta .date-ui { display: block; } 
    }
  }

<强>参考

LT Firefox 3.6 CSS Hack

3 个答案: