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

时间:2014-04-08 17:22:04

标签: html css

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

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

演示站点在这里: http://goo.gl/KXy2Ye

4 个答案:

答案 0 :(得分:2)

overflow: hidden

取消.avada-row

答案 1 :(得分:0)

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

.avada-row{
overflow:visible;
}

答案 2 :(得分:0)

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

您必须删除overflow:hidden,并调整margin-bottom

答案 3 :(得分:0)

首先,取出风格&#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;相反,它不会起作用,因为它们不在同一水平上。希望有所帮助!