我有一张CSS雪碧图,名为footer1.png
。我想使用CSS裁剪出图片的一部分,然后将其作为背景平铺在我的.headimg3
元素中。
我尝试使用clip
和background
属性来实现这一目标,但是图片没有被裁剪。
.headimg3 {
background: url(footer1.png) bottom;
background-position: -35px -358px;
background-repeat: repeat;
height:34px;
overflow: hidden;
clip: rect(0px, 200px, 0px, 400px);
}
.headimgp {
padding: 8px 0px 0px 10px;
text-shadow: 2px 1px #fff;
}
<div class="headimg3">
<div class="headimgp">
LATEST Updates
</div>
</div>
我该如何使用CSS裁剪并平铺背景图像?