導航欄中的無序列表在Opera中不存在 - 所有其他瀏覽器的行爲都正常

我的一個站點有一個使用列表創建的水平導航欄。除了Firefox中的一個小錯誤，列表看起來&現在正常工作 - 除了Opera 11.61。那裏的列表元素將不會顯示出來！由於列表是網站的主導航，它嵌套在nav元素內。到目前爲止，我的調試表明這是問題所在。導航欄中的無序列表在Opera中不存在 - 所有其他瀏覽器的行爲都正常

當我請從nav元件列表中的任何背景信息（如background-image或background-color）仍然是不可見的 - 我可以看到body的background-color。也分配不同的z-index值什麼也沒做。但刪除nav元素有助於 - 當沒有nav時，列表顯示出來。

我創建了一個小的測試案例能說明問題（記住：必須使用Opera打開。）：http://jsfiddle.net/sX5KF/

你有爲什麼會出現此問題的任何線索？在我的代碼中是否存在錯誤，或者這只是Opera中的錯誤？我能做些什麼呢？

來源

2012-03-11 Sven

好吧我找到了錯誤。 Opera沒有顯示任何內容，因爲我在after元素上設置了content: "";。其他瀏覽器似乎忽略它，但不是Opera。我設置它是因爲我讀了它是需要的，但實際上它甚至沒有content: "";。

來源

2012-03-12 12:38:18 Sven

您在jsfiddle中沒有任何'：after' ...但您在主UL上確實擁有'content：「屬性。 – 2012-03-12 12:45:59

@Sven（關於'content：「」;'）btw，你在哪裏讀過它是需要的？我們正在試圖評估這個案例的規則是什麼，或者是否應該放棄。其他瀏覽器不支持這種特定情況。謝謝。 – karlcow 2012-03-12 13:14:13

對不起，'我'之後'而不是'最後一個孩子'。我在這個頁面上閱讀了它（對不起，這是德文版）：http：//www.mediaevent.de/css/css-selektor-first-child-before-after.html。現在我又讀了一遍，我明白在那個頁面上他們實現了與我需要的不同的東西。 – Sven 2012-03-12 13:47:02

導航欄中的無序列表在Opera中不存在 - 所有其他瀏覽器的行爲都正常

回答

相關問題