CSS大綱錯誤與塊顯示

我想在html和CSS中製作一個組合框，其中每個項目都在一個單獨的行上，並且當您將鼠標懸停在Google上時，每行都會亮起藍色。這很簡單。我有一個帶有鏈接（a）的div，每個鏈接使用CSS中的display:block填充整個div。然後我給一個人徘徊了一下，並在那裏出現了一些奇怪的東西。CSS大綱錯誤與塊顯示

這是jsFiddle。

如果您將鼠標懸停在頂部鏈接上，但其他人似乎無法顯示輪廓，則可以看到它的工作情況...第二個顯示在底部，但其他人不在所有。

任何幫助，將不勝感激。

編輯：我在IE8是在Windows XP

來源

2012-11-06 Nick

在Chrome中看起來很好。 – j08691

有趣..我在IE8 – Nick

我在Chrome和Firefox中看到圍繞所有元素的大綱。什麼版本的什麼瀏覽器你在測試什麼操作系統？ –

http://www.w3schools.com/cssref/pr_outline.asp

「注：IE8只支持如果指定了DOCTYPE輪廓財產！」。

如果您在IE9中使用兼容模式測試此項，請確保您的文檔模式符合Internet Explorer 8標準，而不是Quirks。如果我將它切換到怪癖模式，輪廓消失。

來源

2012-11-06 17:53:46

擁有！DOCTYPE不會改變效果;我已經在一個本地頁面上測試了一個 – Nick

建議您清除緩存並再次給它一個旋轉？我不知道，但是當我開始看到這樣的古怪事件時，我通常不得不讓IE快速坐在褲子裏，讓它再次發揮出色。 –

沒有快樂。順便說一下，[這裏是]（http://www.ar-t.co.uk/About2.html）有問題的文件。搜索欄就是你的目光。 – Nick

CSS大綱錯誤與塊顯示

回答

相關問題