html - 滚动时图像在标题上溢出

Question

我有一个包含某些图像的 Html 页面。滚动时，所有图像都溢出到标题上。我将 header 设置为 position: fixed，如果我删除 position:relative 它可以正常工作，但图像会失去对齐方式。

<div class="show-image">
    <img src="images/colourise.jpg" width="200" height="200"/>
    <div style="margin-left:50px;">
        <a href="images/colourise.jpg"><input class="update" type="button" value="View" id="mybutton1"/></a>
    </div>
    <p class="sme">Colorise</p>
</div>

CSS

div.show-image {
    position: relative;
    float:left;
    margin:5px;
    padding:28px;
    border-radius:3px;
}

Answer 1

只需给标题 z-index 高于图像即可。