css怎么把两个图片叠加在一起啊?

html-css089

css怎么把两个图片叠加在一起啊?,第1张

如果是背景的话,background 属性可以指定多个图片。

比如

background: url("haoroomsCSS1_s.jpg") 0 0 no-repeat,

url("haoroomsCSS2_s.jpg") 200px 0 no-repeat

就同时指定了两个图片,两个图片的位置可以通过后面的 位置参数调整。

如果是img元素,可以通过给img指定绝对定位的样式,通过绝对定位让两个img按照

要求的方式重叠。

比如:

img#id1 {position:absolutetop:0left:0width:100%display:block}

mg#id2 {position:absolutetop:20pxleft:0width:100%display:block}

试试就知道了。如果要使用绝对定位,img的父元素的样式需要加上 position:relative

你的HTML代码 特别是A标签 嵌套错误。应该是:<a href="图片9的链接" style="margin:0padding:0"><img src="图片1" alt="" width="" height=""></a>

margin:0padding:0的意思是 边距为0,无缝