作者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