Javascript 鼠标悬停在google chrome 45 css中不起作用
当鼠标悬停在Javascript 鼠标悬停在google chrome 45 css中不起作用,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,当鼠标悬停在li上时,我想用class子菜单显示一个子ul。为此,我编写了以下CSS代码。以下代码适用于除谷歌Chrome45之外的所有浏览器 nav .sub-menu li:hover .sub-menu{ display:block;} 我的HTML代码是 <ul id="menu-main-menu" class="menu"> <li id="menu-item-49" class="menu-item menu-item-type-post
li
上时,我想用class子菜单显示一个子ul
。为此,我编写了以下CSS代码。以下代码适用于除谷歌Chrome45之外的所有浏览器
nav .sub-menu li:hover .sub-menu{ display:block;}
我的HTML代码是
<ul id="menu-main-menu" class="menu">
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4 current_page_item menu-item-49"><a href="http://natcopharma.co.in/">Home</a></li>
<li id="menu-item-693" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-693"><a href="#">Products</a>
<ul class="sub-menu">
<li id="menu-item-758" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-758"><a href="#">Domestic Formulations</a>
<ul class="sub-menu">
<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://natcopharma.co.in/products/domestic-formulations/oncology-hematology/">Oncology – Hematology</a></li>
<li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://natcopharma.co.in/products/domestic-formulations/oncology-solid-tumors/">Oncology – Solid Tumors</a></li>
<li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://natcopharma.co.in/products/domestic-formulations/speciality-pharma/">Speciality Pharma</a></li>
</ul>
</li>
<li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"><a href="http://natcopharma.co.in/products/international-formulations/">International Formulations</a></li>
</ul>
</li>
<li id="menu-item-694" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-694"><a href="#">Innovation</a>
<ul class="sub-menu">
<li id="menu-item-322" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322"><a href="http://natcopharma.co.in/innovation/analytical/">Analytical</a></li>
<li id="menu-item-323" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"><a href="http://natcopharma.co.in/innovation/generic-research/">Generic Research</a></li>
<li id="menu-item-324" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-324"><a href="http://natcopharma.co.in/innovation/intellectual-property/">Intellectual Property</a></li>
<li id="menu-item-325" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-325"><a href="http://natcopharma.co.in/innovation/new-drug-discovery/">New Drug Discovery</a></li>
<li id="menu-item-326" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-326"><a href="http://natcopharma.co.in/innovation/opportunities/">Opportunities</a></li>
</ul>
</li>
<li id="menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-347"><a href="http://natcopharma.co.in/global/">Global</a></li>
</ul>
这是小提琴不,它能用。我已经在Chrome 45上测试过了。不,它可以工作。我已经在Chrome 45上测试过了。它在我的浏览器中运行,但您也可以尝试以下方法:
nav .sub-menu li:hover .sub-menu{ display:block;}
nav .sub-menu li:hover > .sub-menu{ display:block;}
它在我的浏览器中工作,但您也可以尝试以下操作:
nav .sub-menu li:hover > .sub-menu{ display:block;}
为查询添加提琴它适用于Chrome版本45.0.2454.85 m(适用于windows)。为查询添加提琴它适用于Chrome版本45.0.2454.85 m(适用于windows)。