css - 在另一个图像之上添加一个图像

Question

我的页面的 UI 当前在页面的左上角显示背景中的图像和文本。以下是我用于图像的代码。

<div>
    <div style= "z-index: 1; position: absolute; text-align: left; border: 1px solid black;">
        <img src="slide1.jpg" alt="alt text" style="height:220px;width:500px;border-width:0px;" />
    </div>
    <div id="curtain" style="z-index: 2; position: absolute; padding-left: 10px;">
        <div style="background-color: transparent; font-weight: bold; font-size: 1.8em; padding-top: 5px;">
            Profile
        </div>
        <div style="font-size: 1em; width: 215px; color: #cccccc;">
           He is a good citizen and a great teacher.
        </div>
    </div>
</div>

我想在此图像的右侧添加 2 个垂直对齐的小图标。

有人可以帮我处理css吗？

Answer 1

像这样的东西？

http://jsfiddle.net/7KTEQ/

只需<div id="smallImages"><img src='ONE' /> <img src='two' /></div>在第二个 div 和 css 中添加它是：

   #smallImages {
    position:absolute;
    margin-left:400px;
}​

根据第二个 div 宽度和图像大小更改 css 的 margin-left ..