css的重叠-两张图像重叠 CSS

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

有时我们需要对已有的图片进行装饰，比如添加标签或者促销标志等css的重叠，直接处理图片会比较麻烦。 这是使用 CSS 的超级简单方法。 它通过附加标签来实现图片的重叠效果。

原则：

将原始图像放入

里面，然后在这个

在span中插入一个空标签，然后在css样式中为span添加背景图片。 该背景图像是指对原始图像的装饰。

CSS样式如下：注意div的样式中（本例类名为grd），位置设置为relative（相对）； 并且在span中，位置设置为absolute（绝对）； 这一点尤其重要！ 其他款式如宽度、顶部等可根据实际情况确定。

	.grd {
		border:1px solid #CECECE; 
		padding:50px; 
		height:50px; 
		width:147px; 
		position:relative;
	}
	.grd span{
   background: url(/images/hot.gif) no-repeat;
   display: block;
   position: absolute;
   width: 35px;
   height: 58px;
   top: 5px;
   left:140px;
   border: 0px;
}

有了前面的CSScss的重叠，HTML就可以这样写：