background: url(image1.jpg) no-repeat, url(image2.jpg) no-repeat; background-size: auto, cover; background-position: center center, center center;
在上面的代码中,大家通过将两个背景图片使用逗号分隔开,并且通过添加background-size和background-position属性来控制两个背景图的显示情况,从而实现了可见加的效果。
除了使用两个背景图片外,大家也可以使用背景颜色和背景图片一起加入到一个元素的背景中,代码如下:
background: url(image.jpg) no-repeat, #ccc; background-size: cover; background-position: center center, center center;
在上面的代码中,大家通过将背景图片和背景颜色一起添加到background中,并且通过添加background-size和background-position属性来控制两个背景元素的显示情况。
通过以上两种方法,大家可以轻松地实现css的可见加,同时为大家的设计带来更多的可能性。