Css Z索引下拉菜单不显示在以下分区上方
我在我的菜单框中添加了第二行,称为菜单框2 第一次尝试我的Z索引 我无法使菜单框下拉菜单显示在菜单框2项上方 我尝试了一些不同的z索引、溢出和位置值,但没有成功 我想我可能需要对一些ul li项目进行Z索引,但由于它们是组合在一起的,所以我很难确定是哪些项目 CSS: HTML:Css Z索引下拉菜单不显示在以下分区上方,css,drop-down-menu,z-index,visible,Css,Drop Down Menu,Z Index,Visible,我在我的菜单框中添加了第二行,称为菜单框2 第一次尝试我的Z索引 我无法使菜单框下拉菜单显示在菜单框2项上方 我尝试了一些不同的z索引、溢出和位置值,但没有成功 我想我可能需要对一些ul li项目进行Z索引,但由于它们是组合在一起的,所以我很难确定是哪些项目 CSS: HTML: :: :: :: :: :: z-index属性仅适用于定位元素,因此添加位置:相对
-
::
::
::
-
::
::
-
z-index属性仅适用于定位元素,因此添加位置:相对在你的#菜单框中添加z-index:500
到菜单框ul
而不是menuBox
(我会使用z-index 1,而不是z-index 500,因为它刚好可以超过菜单框2
)
CSS:
#menu_Box ul
{
z-index:1;
}
这是因为您需要将其添加到“弹出框”,而不是文本中。
好的,伙计们。我增加了z指数:1;菜单框ul和它的工作。再次感谢!
<div id="menu_Box"> <!--Menu Box Div-->
<ul>
<li><a href="http://www.enhancedliving.ca/index.php">Services</a>
<ul>
<li><a href="http://www.enhancedliving.ca/index.php#headerH2pk">Psych-K</a> </li>
<li><a href="http://www.enhancedliving.ca/index.php#headerH2fat">Food & Environmental Allergy and Sensitivity Testing</a> </li>
<li><a href="http://www.enhancedliving.ca/index.php#headerH2sne">Supplement and Nutrition Evaluation</a> </li>
<li><a href="http://www.enhancedliving.ca/index.php#headerH2fvt">Food Value Testing</a> </li>
</ul>
</li><span class="extraStyle">::</span>
<li><a href="http://www.enhancedliving.ca/sessions.php">Sessions</a> </li><span class="extraStyle">::</span>
<li><a href="http://www.enhancedliving.ca/bio.php">Biography</a> </li><span class="extraStyle">::</span>
<li><a href="http://www.enhancedliving.ca/forums.php">Health Topics</a>
<!-- <ul>
<li><a href="http://open-source-energy.org/forum/index.php">Open Source Forums</a> </li>
<li><a href="http://open-source-energy.org/forum/index.php">Open Source Forums</a> </li>
</ul>-->
</li><span class="extraStyle">::</span>
<li><a href="http://www.enhancedliving.ca/products.php">Favorite Products</a></li><span class="extraStyle">::</span>
<li><a href="http://www.enhancedliving.ca/contact.php">Contact</a> </li>
</ul>
</div> <!--Close Menu Box Div-->
<div id="menu_Box2"> <!--Menu Box Div-->
<ul>
<li><a href="http://www.enhancedliving.ca">Recipies</a>
</ul>
</div> <!--Close Menu Box Div-->
#menu_Box ul
{
z-index:1;
}