0

如果我有一个图像，我的定位很好。但是，如果我在它后面添加第二个（position: relative并z-index应用），则定位会出现偏差，并且 div 似乎比以前占用了更多空间（它们都位于同一个 div 中）。

它们的大小相同。

这是我的 HTML：

<div class="resume-header">
    <a href="resume.pdf">
        <img src="media/resume-icon.png" alt="Resume icon" title="Download resume (PDF)" class="top-image" style="position:relative;z-index:2;">
        <img src="media/resume-icon-download.png" style="position:relative;right:132px;z-index:1;visibility:hidden;"><br>
        <span class="center-text">Resume (PDF)</span>
    </a>
</div>

可能相关的CSS：

.resume-header {
    display: inline-block;
    position: relative;
    left: 130px;
    text-align: center;
}

.resume-header a {
    color: #333;
    font: 10px "Lucida Grande", Helvetica, sans-serif;
    text-align: center;
    text-decoration: none
}
4

1 回答 1

2

当你想使用时，z-index你应该使用position: absolute来定位你的元素。

于 2013-01-23T17:05:30.580 回答