如何在html中使用图片叠加

如何在html中使用图片叠加,第1张

使用伪类样式,设置div的属性position为absolute,

还有属性 z-index:1这个属性设置在层叠里的第几个

代码如下:

<style type="text/css">

<!--

#Layer1 {

position:absolute

background-color:#0066FF

left:55px

top:26px

width:383px

height:291px

z-index:1

}

#Layer2 {

position:absolute

background-color:#FF0000

left:104px

top:57px

width:250px

height:218px

z-index:2

left: 58px

}

-->

</style>

<body>

<div id="Layer1">sss</div>

<div id="Layer2">aaa</div>

</body>

z-index:-1postion:relative

在style里

其中z-index数值越小图层显示越底下,数值越高显示越上层


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6173633.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存