網站:http://club16.abcguide.com/下拉(快魚)菜單後面的Flex滑塊出現在IE 7/8
下拉菜單項出現Flex滑塊在IE 8的客戶端,IE 7在兼容性我後面測試儀。
對此表示讚賞,謝謝!
網站:http://club16.abcguide.com/下拉(快魚)菜單後面的Flex滑塊出現在IE 7/8
下拉菜單項出現Flex滑塊在IE 8的客戶端,IE 7在兼容性我後面測試儀。
對此表示讚賞,謝謝!
除非z-index
明確用於定位的元素設置,IE7/8會給定位元件的z-index
0的
position: relative; z-index: 99999;
添加到#navigation-wrap
,以確保它具有比網頁上的其他元件更高的z-index
。這將確保它保持在最佳狀態。
.flexslider
有position:relative;
但沒有z-index
CSS屬性,如果添加z-index:1
到該容器,然後position:relative;
和z-index:2;
到(我把它添加到IE瀏覽器的調試工具ul.menu
)你的口魚菜單容器中的任何一個,菜單將隨後置於滑塊上方。
對於未來的讀者,如果您的導航上有CSS漸變,早期版本的IE將會遇到下拉式問題。
我已經將它們添加到#navigation-wrap div,但它們不顯示在IE ?雖然我從FireFox開始,但這與我與Danjah的解決方案相同.. – Jassi 2012-02-15 00:07:37
此外,它在我的IE8中工作,但不在我的IE7中。 – Jassi 2012-02-15 00:09:26
我沒有在您提供的網站上看到對#navigation-wrap的更改?我補充說:相對; z-index:99999;通過IE DEV工具作爲內聯樣式並驗證它在IE7/8中工作 – shaunsantacruz 2012-02-15 00:12:18