使用CSS通过图像传递图像

Question

我有一个图像,下面是"图标"和灰线.你可以在这里看到http://sundayeventsboutique.it/?lang=en

使用引导类,标记非常简单

<div class="row">
    <div class="col-md-4">
    <div class="row dmbs-header">
            <div class="dmbs-header-img">
                <a href="http://sundayeventsboutique.it/"><img width="300" height="150" alt="Sunday Logo" src="http://sundayeventsboutique.it/wp-content/themes/devdmbootstrap3/img/logo.jpg"></a>
            </div>
    </div>
   </div>
<div class="col-md-8 d-bar">

    <div class="row dmbs-top-menu">

        <nav role="navigation" class="navbar navbar-inverse">

        </nav>

   </div>
    </div>
    <div class="hr-line-grey hr-line-margin"></div>
</div>

问题是我似乎无法在图像上方移动线条,如果我使用负上边距它不会移动直到它到达顶部

虽然我想在"星期日活动精品店"下进行调整

Answer 1

添加position:relative到.hr-line-grey和调整top值

.hr-line-grey{
 position:relative;
 top:-63px;
}