Question

我正在尝试修改网站的设计。有一个图像滑块，我想在标题部分上方显示一个圆形日志。现在图像正在显示，但它已损坏且未以完整尺寸显示，请检查网站here并看到绿色圆形按钮。

我使用了以下代码

<div class="camera_caption fadeFromBottom st-div">
    <div style="height:13px;">
        <div style="margin-top: -10px;height:21px;"> <span> 
                <img  src="images/850.png" width="60" alt="l" style="margin-top:-15px;z-index:1000;"/>
            </span>    
            <h6 class="st-ro" style="margin-top: -40px;">ROMANTIC GETAWAY</h6> 
        </div>
    </div>
</div>

请帮助我，我想在那里展示全尺寸的绿色圆形徽标。

Answer 1

你需要添加一个CSS position:声明（相对，绝对等），以使z-index产生任何效果

给z索引后，图像不会成为另一个图像的顶部

1 个答案: