作者amhenry (Henry)
看板Web_Design
標題[問題] PCMan Combo,IE 瀏覽器 CSS如何調整?
時間Thu Mar 21 15:09:23 2013
我的網站目前由GOOGLE CHROM, Safari, Firefox瀏覽的話是我要的樣子，
但若使用PCMan Combo 瀏覽下拉式選單則不能使用，
另外IE 如何解決 CSS transition delay 的部分?
希望若是使用IE瀏覽，只要有delay的效果即可，
不然滑鼠還沒從從母選單到子選單，子選單就消失了。
網站：
http://hxxa.info/
感謝解答!!!!!
navigation css 只PO上相關部分:
#menu_container ul { list-style-type: none; float: left; padding: 0px 0;}
#menu_container ul li { float: left; }
#menu_container ul li a { display: block; color: #000; text-decoration: none;
padding: 5px 30px; margin: 0 0px; }
#menu_container ul li a:hover { background-color: #000; color: #fff; }
#menu_container ul li.current-menu-item a,
#menu_container ul
li.current_page_item a { background-color: #000; color: #fff; }
#menu_container .cat_menu { border-left: 1px dotted #DDDDDD; }
#menu_container ul li ul {border-top: 1px solid #000; border-bottom: 15px
solid #000; width:298px; display: inline-block;background-color: #fff;
visibility: hidden;
position: absolute;
z-index:1;
top: 190px;
transition: all 0.1s ease-in-out .1s;
-moz-transition:all 0.1s ease-in-out .1s;
-o-transition:all 0.1s ease-in-out .1s;
-webkit-transition: all 0.1s ease-in-out .1s;}
#menu_container ul li:hover ul {border-top: 1px solid #000; border-bottom:
15px solid #000; width:298px; display: inline-block; position: absolute;
top:201px; z-index:998; background-color: #fff; visibility: visible; }
#menu_container ul li ul li:hover { background-color: #000;}
#menu_container ul li ul li a:hover { background-color: #fff; color: #5e5e5e}
--
H.BOY
要從橫向或直向去欣賞各種不同的時尚，才可以創造更多可能性。
-
BLOG :
http://hxxa.info
FACEBOOK:
http://www.facebook.com/HBoyxxAGirl
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.159.64
1F：→ LPH66:PCMan Combo "似乎"是 IE6 mode...@@ (有錯請指正) 03/21 16:47
2F：推 s25g5d4:不完全正確 不如說他是跑在quirks模式下... 03/21 18:51
3F：推 s25g5d4:欸豆...不對應該是IE7 挖userAgent出來看的 03/21 18:55
4F：→ s25g5d4:當然要看是哪種OS.. 03/21 18:55
5F：→ s25g5d4:可以透過改登錄檔的方式強制改成IE9或10 不過客戶端才有效 03/21 18:56
6F：推 aspdoctor:delay部份改用jQuery做? 03/21 19:21
7F：→ f1234518456:不是有可以加字串讓他強制用ie8或ie9檢視嗎 03/21 21:24
8F：推 LPH66:原來是 IE7 的 quirks 嗎 @@ 03/21 23:17
9F：→ amhenry:看來只能用jQuery了，因為IE9好像也不支援transition 03/21 23:34
10F：→ amhenry:還沒研究過jQuery，又是一條漫長的路。 ˊ_>ˋ 03/21 23:34
11F：→ Rplus:setTimeout 03/22 00:32
12F：推 s25g5d4:我試了 預設是IE7模式 有標準模式 無doctype才會進quirks 03/22 01:14