CSS黑客firefox 3.5及以下？

Question

是否有FF 3.5及以上（不3.6）任何CSS破解我用

.SubTabs ul, x:-moz-any-link 
{ 
    /* IE7,6 Hack*/ 
    *top: -28px; 
} 

但是這適用於所有FF瀏覽器版本..

Answer 1

很好地解決了它的一些東西不是100％完美，但應工作

/// <reference path="jquery-1.3.2-vsdoc2.js" /> 
$(document).ready(function() { 
    if ($.browser.mozilla) { 
     $('body').addClass("mozilla"); 

     var versionParts = $.browser.version.split("\."); 
     var version = 0; 
     if (versionParts.length > 0) { 
      version = version + versionParts[0] * 1000000000000; 
     } 
     if (versionParts.length > 1) { 
      version = version + versionParts[1] * 1000000000; 
     } 
     if (versionParts.length > 2) { 
      version = version + versionParts[2] * 1000000; 
     } 
     if (versionParts.length > 3) { 
      version = version + versionParts[3] * 1000; 
     } 

     if (version >= 1009002000000) { 
      $('body').addClass("mozilla3-6andAbove"); 
     } 
     else { 
      $('body').addClass("mozilla3-5andBelow"); 
     } 
    } 
}); 

現在你可以在你的CSS文件中添加body.mozilla3-5andBelow，它應該工作...

Answer 2

使用@-moz-document，在規則的目標火狐的任何版本，然後覆蓋該選擇爲Firefox 3.6+使用@media -moz-scrollbar-start-backward媒體查詢：

@-moz-document url-prefix() 
{ 
.SubTabs ul 
    { 
    top: -28px; 
    } 
} 

/* Firefox 3.6+ Filter */ 
@-moz-document url-prefix() 
{ 
@media -moz-scrollbar-start-backward 
    { 
    .SubTabs ul 
    { 
    top: -10px; 
    } 
    } 
} 

Answer 3

創建火狐黑客的低端版本確實需要一個面向全體，和第二個以覆蓋。

這是我創建的一對夫婦。

我第一個發佈到browserhacks.com所以你可能認識它：

/* Firefox (any) */ 

_:-moz-tree-row(hover), .selector { top: 0px; } 

然後覆蓋：

/* Firefox 3.6 and newer (use this to override) */ 

_:-moz-handler-crashed, :root .selector { top: -28px; } 

爲了測試這些和其他許多人生活，你可以嘗試出來在我的現場CSS黑客測試頁：http://browserstrangeness.bitbucket.org/css_hacks.html#firefox

享受！