我看了一下这个网站:http://www.rutherfordcapital.co.za/
他们如何将徽标放置在中心位置,使得顶部略高于黑色导航栏,徽标的低部分延伸到图像中?
这可以使用徽标上的负边距来完成,如下所示:
margin-top: -2px; margin-bottom: -15px;
为此,使用margin获取图像的欲望位置,并使用z-index: 1;制作徽标出现在前面。详情
margin
z-index: 1;
保持徽标的z-index高于图像和导航栏并使用绝对定位这可以完成。
z-index