在這裡發現Internet Explorer 7的巢狀條列清單Bug,使得次選單無端被底色吃掉了。
原因不明,但作者逐一試過的結果抓到trigger是在這裡:
ul.navig li:hover a { color: #000; background-color: #ff4500; }
元凶是background-color這個標籤,作者提到:只要把它移掉就一切正常。
不知道如果把color跟background-color對調,會不會就可以把黑字直壓在橘底色之上。作者最後的解法是這樣的:
ul.navig li:hover { background-color: #ff4500; } ul.navig li:hover a { color: #000; }
沒記錯的話,hover在IE6裡只對a生效,所以,照理說把hover拿到a之前,應該是一點作用也沒有才對。
相關閱讀:IE7的恐怖Zen Garden
Tags:
我從學校的IE7看得到您所提供的該英文頁的sample的巢狀條列清單語法呈現,但我現在從自己的IE6看發現巢狀條列清單完全不會隨著我選HOME與PHONE而跟著變換......:(
不知是只有我的IE6有問題還是這是所有IE6的問題?因為我的IE6這幾個月很常給我跳某個附加原件有問題(多半是Flash)然後就Error關掉了~_~
http://sylphis.s4.xrea.com/ie7_bug_in_ie6.jpg
這是我從IE6看到的樣子......
本來就很不習慣IE7的Tab,現在變成突然跟IE6以下不相容的話我更不想換了,不然本來想說看看Update到IE7的話我原來的問題會不會解決:~