在img html

上添加img我有两个img标签，如下所示，但带有“portfolioImage1”类的img标签始终显示在img标签下，类为“portfolioItem1”。我如何实现让投资组合图像1位于portfolioItem1之上？在img html

谢谢先进。

<div class="portfolioContainer"> 
    <img class="portfolioImage1" src="img/image1.png" /> 
    <img class="portfolioItem1" src="img/portfolioItem.png" /> 
</div>

CSS

.portfolioContainer { 
    height: 400px; 
    width: 490px; 
    left: 400px; 
    top: 275px; 
    position: absolute; 
} 
.portfolioItem1 { 
    left: 20px; 
    z-index: 1; 
    position: absolute; 
} 
.portfolioImage1 { 
    z-index: 2; 
}

来源

2011-09-26 max_

什么是您的CSS？ –

当你在*下面说*时，你的意思是低于还是低于？ –

我的意思是背后，我发布了我的CSS。 –

编辑：

你需要的位置相对的，绝对的或固定在portfolioImage1为了增加对z-index的工作。

OLD：

如果你指的是图像后面尝试使用的z-index：

<div class="portfolioContainer" style="position: relative;"> 
    <img class="portfolioImage1" src="img/image1.png" style="position: relative; z-index: 2" /> 
    <img class="portfolioItem1" src="img/portfolioItem.png" style="position: relative; z-index: 1" /> 
</div>

如果你的意思是下面，你可以使用绝对或相对定位，但我们需要的尺寸和期望的结果。例如，假设image1.png的高度为20px，portfolioItem.png的高度为25px：

<div class="portfolioContainer"> 
    <img class="portfolioImage1" src="img/image1.png" style="position: relative; top: 25px;" /> 
    <img class="portfolioItem1" src="img/portfolioItem.png" style="position: relative; top -20px" /> 
</div>

来源

2011-09-26 20:15:29 fanfavorite

刚刚添加的CSS，请看看！ –

谢谢，它效果很好！ –

回答

相关问题