下拉菜单显示在div上？ [英] Drop Down Menu display over div?

问题描述

我使用Pink&提供的示例制作了一个下拉菜单。黄色（ http://expression.microsoft.com/en-ca/dd279540.aspx ）。它在测试时效果很好，但是当插入到具有DIV的模板时，下拉部分将不会显示。

我需要做什么才能使下拉部分出现在位于内容之上在菜单下方的div中？

I made a drop down menu using the example given by Pink & Yellow (http://expression.microsoft.com/en-ca/dd279540.aspx). It works great when I test it, but when inserted into a template that has DIV's the drop down portion won't show.

What do I need to do to make the drop down portion appear on top of content located in a div just below the menu?

推荐答案

我遇到了与页面元素后面出现的下拉类似的问题，尝试使用z-index属性并设置您的DIV的下拉区域（在您的CSS文件中）的z-index为高数字（如100），这将意味着div将始终显示在z-index小于100的任何内容之上 - 检查你网页上的所有z索引，并确保你的下拉div具有最高的z索引号。

我不知道这是你遇到的确切问题，但它可能有所帮助 - 只需添加以下是你的css代码：

z-index：100;

I had a similar problem with drop-downs appearing behind elements on the page, try using the z-index property and setting the z-index of your DIV for the dropdown area (in your CSS file) to a high number such as 100, this will mean that the div will always display on top of anything that has a z-index of less than 100 - check all the z-indexes on your page and make sure your dropdown div has the highest z-index number of them all.

I dont know if this is the exact issue you are having but it may help - just add the following to your css code:

z-index: 100;

这篇关于下拉菜单显示在div上？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！