Css 下拉菜单-在Safar和Chrome中出现问题,非常奇怪
我有一个网站我正在工作,有一个问题,在Safari和Chrome上下拉列表不会同时消失,文本在隐藏前会停留一秒钟。有人有过此类问题的经验吗 地点: 非常感谢所有能够帮助分享一些知识的CSS向导 最好的,安德鲁Css 下拉菜单-在Safar和Chrome中出现问题,非常奇怪,css,Css,我有一个网站我正在工作,有一个问题,在Safari和Chrome上下拉列表不会同时消失,文本在隐藏前会停留一秒钟。有人有过此类问题的经验吗 地点: 非常感谢所有能够帮助分享一些知识的CSS向导 最好的,安德鲁 <div id="headcontainer"> <header class="group"> <div id="logo"> <a h
<div id="headcontainer">
<header class="group">
<div id="logo">
<a href="/index.php"><img src="http://fb1.229.myftpupload.com/wp-content/uploads/2014/06/newsm-logo.png" border="0" ></a>
</div>
<div id="navigation">
<div class="responsiveSelectContainer"><ul id="menu-main-menu-1" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1216"><a href="#">Genres</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1219"><a href="http://fb1.229.myftpupload.com/category/basscannon/">Basscannon – Dubstep / Trap</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1217"><a href="http://fb1.229.myftpupload.com/category/groove/">Groove – Disco / Deep House</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1218"><a href="http://fb1.229.myftpupload.com/category/mainstage/">Mainstage – Electro / Prog House</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1224"><a href="http://fb1.229.myftpupload.com/category/make-it-clap-traptwerkmoombah/">Make it Clap – Trap/Twerk/Moombah</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1220"><a href="http://fb1.229.myftpupload.com/category/trance-tent/">Trance Tent – Trance</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1221"><a href="http://fb1.229.myftpupload.com/category/ratchet-room/">Ratchet Room – Hip Hop</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1225"><a href="http://fb1.229.myftpupload.com/category/the-warehouse-techno/">The Warehouse – Techno</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="http://fb1.229.myftpupload.com/features/">Features</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="http://fb1.229.myftpupload.com/mixes-live-sets/">Mixes & Live Sets</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="http://fb1.229.myftpupload.com/bab-top-shelf/">BAB Top Shelf</a></li>
</ul><select class="responsiveMenuSelect"><option value="" selected="selected">Primary Menu</option> <option id="menu-item-1219" value="http://fb1.229.myftpupload.com/category/basscannon/">– Basscannon – Dubstep / Trap</option>
<option id="menu-item-1217" value="http://fb1.229.myftpupload.com/category/groove/">– Groove – Disco / Deep House</option>
<option id="menu-item-1218" value="http://fb1.229.myftpupload.com/category/mainstage/">– Mainstage – Electro / Prog House</option>
<option id="menu-item-1224" value="http://fb1.229.myftpupload.com/category/make-it-clap-traptwerkmoombah/">– Make it Clap – Trap/Twerk/Moombah</option>
<option id="menu-item-1220" value="http://fb1.229.myftpupload.com/category/trance-tent/">– Trance Tent – Trance</option>
<option id="menu-item-1221" value="http://fb1.229.myftpupload.com/category/ratchet-room/">– Ratchet Room – Hip Hop</option>
<option id="menu-item-1225" value="http://fb1.229.myftpupload.com/category/the-warehouse-techno/">– The Warehouse – Techno</option>
<option id="menu-item-79" value="http://fb1.229.myftpupload.com/features/">Features</option>
<option id="menu-item-81" value="http://fb1.229.myftpupload.com/mixes-live-sets/">Mixes & Live Sets</option>
<option id="menu-item-76" value="http://fb1.229.myftpupload.com/bab-top-shelf/">BAB Top Shelf</option>
</select></div> </div>
<div id="navigation-right">
<div class="menu-secondary-container"><ul id="menu-secondary" class="menu"><li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="http://fb1.229.myftpupload.com/about-us/">About Us</a></li>
<li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="http://fb1.229.myftpupload.com/contact-us/">Contact Us</a></li>
</ul></div> </div>
</header>
</div>
这是因为您有一个转换集。您可以删除它,然后它将同步在一起
ul.menu, ul.menu li, ul.menu ul {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
虽然看到实际的示例很好,但我们需要查看代码以提供帮助。你能给我们一些被点击的事件吗?谢谢,我尽我所能编辑了它,在JSFIDLE中进行了剪切,但是你没有看到它的行为。一定有别的东西在影响你的元素。转换为0.3sec,你的意思是他应该将其更改为此吗?如果OP有权访问样式表,则可以删除/编辑现有规则,或者使用我建议的规则覆盖现有规则。
ul.menu, ul.menu li, ul.menu ul {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}