如何爲firefox設置不同的z-index和ie？

-1

index css屬性值101，但我需要99在Firefox中。如何爲firefox設置不同的z-index和ie？

我試過這樣

<!--[if gte IE 7]> 
    z-index: 101; 
<![endif]--> 
z-index:99;

但它沒有爲我工作。

如何爲不同的瀏覽器設置不同的valude屬性？

來源

2013-09-22 Kush Sahu

爲什麼你想在不同的瀏覽器中使用不同的z-index？你永遠不需要這樣做。 –

我檢查了螢火蟲和互聯網網頁開發工具，我的組件工作正常。其實我有一個輸入=「文件」標籤的頂部，我已經把我自己格式化的按鈕。我已將文件上傳的標籤不透明度設置爲0，以便我可以隱藏它，但我增加了z-index，以便可以獲得其功能。此外，我保持禁用格式化的按鈕。所以當用戶點擊按鈕時，他認爲他點擊了按鈕，但他會點擊該文件上傳標籤。在IE中，我必須按兩次才能使用默認的z-index獲取文件上傳對話框。這就是爲什麼我需要2個不同的Z指數 –

這很奇怪 - 不管頂部還是頂部，多次點擊都不應該改變。如果可以的話，看看IE在第一次點擊時做了什麼以及文件上傳按鈕是否在你認爲的位置會很有趣。例如，您可以使按鈕半透明來測試其定位。即使您在IE中需要更高的Z-index，爲什麼不總是使用更高的Z-index，即使在其他瀏覽器中？這樣你就不需要在代碼中增加這種複雜性。 –

這些註釋：

<!--[if gte IE 7]>

需要被你的CSS代碼之外，你的HTML標記一起。

例如：

<!--[if gte IE 7]> 
<style type="text/css"> 
    .selector { 
     z-index: 101; 
    } 
</style> 
<![endif]-->

來源

2013-09-22 13:59:04 MMM

嗨，我試過這個。首先，我爲browserSpecific類等組件聲明瞭更多類。然後，我把這個課程放在一邊，如果你認爲這是定義的話。但它影響在Firefox和ie。 –

對不起我的錯誤。這是由於其他原因。其工作順利。感謝您的幫助:) –

<style type="text/css"> 
    #my-div{ 
    z-index: 99; 
    } 
</style> 

<!--[if gte IE 7]> 
<style type="text/css"> 
    #my-div{ 
    z-index: 101; 
    } 
</style> 
<![endif]-->

的IE條件註釋是HTML CSS沒有，所以你需要給他們帶來了你的CSS，並在包裹內<style>標記你的CSS選擇器/邏輯。確保您首先聲明您的默認行爲。

來源

2013-09-22 13:59:11 shennan

您已經申請了類型'javascript' ... – MMM

@MMM顯然是一個錯字，不確定它值得downvote，只是一個編輯... – shennan

它只是爲了保持它的低，直到它被修復。 – MMM

我想要使用http://rafael.adm.br/css_browser_selector/其易於使用，尤其是當你必須在你的網站上有jQuery，使用這個插圖。乾杯

來源

2013-09-22 14:06:55

如何爲firefox設置不同的z-index和ie？

回答

相關問題