Question

我的徽标位于我的菜单上方，但我希望它稍微放入菜单div而不会被切断。换句话说，我故意希望它在菜单中略微显示。

我尝试使用相对定位，其索引高于下面的div，但仍然不起作用。任何帮助将不胜感激！

Answer 1

从overflow: hidden

取消.avada-row

Answer 2

你的班级.avada-row有内联样式溢出：隐藏。删除内联样式，并尝试以下..

.avada-row{
overflow:visible;
}

Answer 3

<div class="avada-row" style="margin-top:0px;margin-bottom:0px; overflow:hidden;">
</div>

您必须删除overflow：hidden，并调整margin-bottom

Answer 4

首先，取出风格＆＃34;溢出：隐藏＆＃34;在＆＃34; avada-row＆＃34;格。

其次，你想要提供＆＃34;标题＆＃34;标题和＆＃34;小导航＆＃34; div＆＃34; position：relative＆＃34;和适当的＆＃34; z-index＆＃34;。＆＃34;头＆＃34;应该有一个更大的z-index然后＆＃34; small-nav＆＃34;。 css看起来应该是这样的：

#header { position:relative; z-index:10; }
#small-nav { position:relative; z-index:5; }

当您使用定位和z-index时，诀窍是定位在同一级别上的父div。如果你的目标是＆＃34; avada-row＆＃34;和＃34;标题＆＃34;相反，它不会起作用，因为它们不在同一水平上。希望有所帮助！

我如何定位我的徽标以重叠下面的菜单而不是剪辑？

4 个答案: