滚动时头上的图像溢出

Question

我有一个包含特定图片的Html页面。滚动时，标题上的所有图像都会溢出。我将标题设置为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高于图片。