滑塊背景絕對位置 - Firefox錯誤

爲餐廳開發一個小型網站我偶然發現了在Firefox中定位這個奇怪的問題 - IE & Chrome完美無缺地工作。滑塊背景絕對位置 - Firefox錯誤

滑塊被定位爲：

#new-royalslider-1{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: -1

它非常簡單，任何人可以弄清楚爲什麼Firefox是表現不同？

2013-05-02 Jeppe

它看起來像問題是在菜單的造型 – 2013-05-02 07:51:11

我同意@Frederik這個問題似乎是導航在Firefox中的位置 – djthoms 2013-05-02 07:51:46

首先，我認爲你應該定位你的滑塊相對位置，並把頭包裝。定位絕對。

如果你不想這樣做，你可以做position: relative與滑塊和與頭包裝

position: absolute; 
top: 0;

2013-05-02 07:54:38

Thx！它工作完美。 – Jeppe 2013-05-02 08:09:52

不知道爲什麼，但它似乎像html被截斷。所以，我firebugged：html{float: left}。希望能幫助到你。

2013-05-02 07:54:34 baker

以下現在定義ID#header-wrapperposition absolute因爲這樣

#header-wrapper{position:absolute;top:0;}

並定義您的ID#wrappermargin-top: 450px;a就像這個

#wrapper { 
    margin-top: 450px; 
}

2013-05-02 07:54:44

所有的瀏覽器不以同樣的方式顯示一個網站，即使整個趨於統一，但仍有細節的一些點，這是由一種或另一種誤解。

問題是，Firefox，Opera和Safari沒有一種方法來指定一個單獨的樣式表，如Internet Explorer，並帶有特定註釋。

也許通過定位瀏覽器將解決您的問題。添加以下代碼：

@-moz-document url-prefix() 
{ 
    #new-royalslider-1{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: -1 
}

2013-05-02 08:07:14

存在顯然與.header選擇，我看到它在調試模式下出現的兩次混亂，這是不完全是在Firefox中使用的相同。

在Firefox中，如果沒有選擇這條規則的問題就解決了：

.header { 
    ... 
    ... 
    border-bottom: medium none; 
}

對於一些原因，鉻沒有得到medium提。希望這可以幫助

2013-05-02 08:08:47

回答