[問題] PCMan Combo,IE 瀏覽器 CSS如何調整?

看板Web_Design作者 (Henry)時間12年前 (2013/03/21 15:09), 編輯推噓5(507)
留言12則, 6人參與, 最新討論串1/1
我的網站目前由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

03/21 16:47, , 1F
PCMan Combo "似乎"是 IE6 mode...@@ (有錯請指正)
03/21 16:47, 1F

03/21 18:51, , 2F
不完全正確 不如說他是跑在quirks模式下...
03/21 18:51, 2F

03/21 18:55, , 3F
欸豆...不對應該是IE7 挖userAgent出來看的
03/21 18:55, 3F

03/21 18:55, , 4F
當然要看是哪種OS..
03/21 18:55, 4F

03/21 18:56, , 5F
可以透過改登錄檔的方式強制改成IE9或10 不過客戶端才有效
03/21 18:56, 5F

03/21 19:21, , 6F
delay部份改用jQuery做?
03/21 19:21, 6F

03/21 21:24, , 7F
不是有可以加字串讓他強制用ie8或ie9檢視嗎
03/21 21:24, 7F

03/21 23:17, , 8F
原來是 IE7 的 quirks 嗎 @@
03/21 23:17, 8F

03/21 23:34, , 9F
看來只能用jQuery了,因為IE9好像也不支援transition
03/21 23:34, 9F

03/21 23:34, , 10F
還沒研究過jQuery,又是一條漫長的路。 ˊ_>ˋ
03/21 23:34, 10F

03/22 00:32, , 11F
setTimeout
03/22 00:32, 11F

03/22 01:14, , 12F
我試了 預設是IE7模式 有標準模式 無doctype才會進quirks
03/22 01:14, 12F
文章代碼(AID): #1HIh8c-F (Web_Design)