我们可以将图像放在HTML中的图像上吗？

我们可以在HTML中的图像上放置图像吗？我们可以将图像放在HTML中的图像上吗？

我想要一些图像说a.jpg来放置图像b.jpg。请告诉它是否可能在（仅）HTML中不在
CSS？

而且如果是那么如何？

2013-10-05 goodie

是的，这是可能的。你尝试了什么？ – George

为什么你不想使用任何CSS？ –

<img style="background:url(imageURL)" src="imageURL"/>

例JSBin

来源

2013-10-05 09:35:39

我们可以在html中使用“样式”吗？即使我们不使用CSS？ – goodie

绝对没问题。访问张贴的exmaple斌:) –

等待我会在尝试后标记你的答案。 – goodie

可以使用位置上重叠的两个图像？

<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图像将重叠图像。

来源

2013-10-05 10:35:49 user2849189

把东西准确地放在另一个上面的最好方法是将它们全部包装在（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>

来源

2013-10-05 12:17:07 Jocelyn

我们可以将图像放在HTML中的图像上吗？

回答

相关问题