我们可以将图像放在HTML中的图像上吗?
问题描述:
我们可以在HTML中的图像上放置图像吗?我们可以将图像放在HTML中的图像上吗?
我想要一些图像说a.jpg来放置图像b.jpg。请告诉它是否可能在(仅)HTML中不在
CSS?
而且如果是那么如何?
答
可以使用位置上重叠的两个图像?
<div>
<img src="" class="a">
<img src="" class="b">
<div>
div {
position:relative;
}
.a {
position:absolute;
z-index:1;
top:0; left:0;
}
.b {
position:absolute;
z-index:2;
top:0; left:0;
}
B图像将重叠图像。
答
把东西准确地放在另一个上面的最好方法是将它们全部包装在 (div style =“position:relative”)中,然后使用“position:absolute”和它们的顶部和左侧位置相对到周围的div。 由于调整浏览器窗口的大小,当相对div移动到页面上的不同位置时,其中的所有内容(包括位置:absolute)都会随之移动。
像这样的东西可以做到这一点:
<div style="position:relative; left:0; top:0;">
<img src="x.png" style="position:relative; top:0; left:0;"/>
<img src="y.png" style="position:absolute; top:30; left:70;"/>
</div>
是的,这是可能的。你尝试了什么? – George
为什么你不想使用任何CSS? –