Question

网址：test.getfamo.us

问题：下拉菜单不起作用（将鼠标悬停在任何链接上查看），因为我的主框覆盖了它。

我试图在不使用高度百分比的情况下对网站进行编码，因为我听说它很糟糕，我的网站在其他显示器上显示效果不佳所以我将其全部更改为px。无论如何，为了做主框我使用这个CSS

#content #main {
position: absolute;
top: 70px; 
bottom: 15px; 
width:100%;

所以它没有覆盖我的页眉或页脚。问题在于我的Header，这是CSS

#content #header {
height: 70px;
width: 100%;
}

我希望它是这样的，所以它可以在所有屏幕尺寸上工作，主框自动生成它的大小，但是我显然希望我的下拉可见，所以我处于十字路口。

那么我怎么能解决这个问题呢？此外，如果您需要更多信息我的CSS可用：http://test.getfamo.us/css/

非常感谢！

Answer 1

将z-index添加到ul。

ul li ul {
    box-shadow: none;
    display: none;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 48px;
    transition: opacity 0.2s ease 0s;
    visibility: hidden;
    width: 150px;
    z-index: 50;
}

标题显示的HTML问题

1 个答案: