Question

我试图重叠图像。其中一个是隐藏的，并在“剪贴画库”部分中选中右图后显示。我得到的另一张图片是从浏览器上传。

我曾经使用posiotion：绝对之前重叠两张图片，但在这个caes中它对我不起作用。

<div id="bgcolor">
    <img id="thumbnil" style="width:100%; margin-top:10px;" src="" alt="" style="position:absolute;" />
    <img id="tiger" src="https://openclipart.org/image/800px/svg_to_png/202300/Blue-surprised-cartoon-smiley.png" height="50" width="50" style="position:absolute;">
</div>

以下是jsfiddle中的代码：http://jsfiddle.net/xq239ko9/

Answer 1

使包含div的样式position:relative;。然后制作图像position:absolute; top:0; left: 0;。这使得两个图像都显示在父div内的相同位置。请注意，父级div将失去其大小，因为图像将位于文档流之外。

另一句话： - 尝试为每个标记使用一个样式属性。 - 尝试使用display:none;而不是空src属性隐藏图片 - 尝试使用width和height样式属性而不是标记属性

在HTML5中重叠两个图像

1 个答案: