LT Firefox 3.6 CSS 破解答案

【问题标题】：LT Firefox 3.6 CSS HackLT Firefox 3.6 CSS 破解
【发布时间】：2011-01-18 03:03:30
【问题描述】：

寻找在 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，这是不可取的。

【问题讨论】：

标签： css firefox3.6 css-hack

【解决方案1】：

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

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

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

【讨论】：

链接的项目需要 JavaScript

【解决方案2】：

body, x:-moz-any-link, x:default, x:indeterminate {background:red}

这不是一个好的 hack，因为尽管它很奇怪，但它却把 ie7 搞乱了。

【讨论】：

【解决方案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; } 
    }
  }

参考文献

【讨论】：