2011-12-08 148 views
0

不工作在一個客戶的網站(HolidayHomes.ca)下拉菜單沒有出現在Internet Explorer中的工作,真的不知道如何去解決這個..下拉菜單在IE

它似乎有什麼東西在ul li.inner類中使用文本縮進。它抓住text-indent: -2000px;#nav li,我所有的子菜單裏的公司有類.inner

我已經嘗試添加text-indent: 0px !important;ul li.inner,但它似乎並不奏效?不過我注意到,如果我從#nav li刪除text-indent完全,它工作正常?

幫助表示讚賞!我拉了很多頭髮......我寧願修復它,然後完全安裝一個新的下拉菜單腳本...呃。哪一種口味IE的是有一個問題

+0

我沒有看到任何的下拉列表中我的IE8,和IETester我什麼也看不到在IE9標籤... – ptriek

回答

0

經過幾個小時的故障排除後,我能夠通過從#nav li ul元素中刪除display: inline;來解決此錯誤。 :)

1

。在IE 8和多達你可以把開發者工具欄上,並通過

只是在IE 8拉昇網站的代碼(類似於在Firefox Firebug的)走路,這似乎是工作確定。你有什麼問題?

+1

我運行它IE9。我暫時關閉了文本縮進,所以這個問題再次讓你看。 – Jassi

+2

仍然沒有看到它,但重新閱讀您的原始問題,查看CSS中的項目被調用的順序。請記住,屬性級聯下來,只是因爲你說li.inner並不意味着它不會繼承#Nav li或其他的屬性。由於某種原因,添加具有不同值的相同屬性並不總是會覆蓋該屬性。你可以做的是爲每個元素添加border:solid 1px'some color'(使用不同的顏色)並查看瀏覽器渲染它們的位置。 – Brian

+0

也是IE開發者工具對HTML檢查,你也可以用它來查看該元素繼承什麼樣式的跟蹤樣式選項。 – Brian