Question

我有以下HTML，这是两张图片和一个链接列表：

<body class="wrapperGanzeSeite">
    <section class="introCard">
        <img id="Logo" src="LogoPulsamed.jpg"/>
        <img id="wasserBild" src="Wasserbild.jpg"/>              
    </section>
    <section class="wrapperSeitenMenü">
        <div class="menüHintergrund">
            <ul class="menüListe">
                <a href="#"><li>Home</li></a>
                <a href="#"><li>Produkte</li></a>
                <a href="#"><li>Kontakt</li></a>
                <a href="#"><li>Gebrauchtgeräte</li></a>
                <a href="#"><li>Impressum</li></a>
            </ul>
        </div>
    </section>           
    <section class="Hauptteil">
    </section>
</body>

我试图将高度和宽度设置为最大值，并为身体添加阴影。这是我的CSS：

.wrapperGanzeSeite {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    max-height: 1000px;
    box-shadow: 0px 0px 2px 2px #c7c7c7;
    margin: auto;
}

图片工作正常，但即使列表标签位于body标签之间，列表也不会显示在阴影内。非常感谢帮助。

我的完整代码位于this jsfiddle。

Answer 1

在CSS中 - 改变：

.wrapperGanzeSeite

到

body, html

Answer 2

您是否正在寻找使用UL和LI元素创建menu。

 <code>
    #menu:hover ul {
      display:block
    }

   ul{
      display:none;
   }
    </code>

HTML子对象不从父对象获取属性

2 个答案: