CSS：另一个图像（或画布）中的背景图像

Question

有没有办法设置背景图像以适应另一个图像？ 这个例子解释了这一切：

Answer 1

这应该这样做，假设你的png有一个透明的部分。如果您可以使图像的大小正确，第一个选项将起作用。第二个选项确保一个左对齐，第二个选项右对齐。根据您的要求，您可能需要向第二个图像添加填充，并可能将其缩放到正确的大小。

comment {background-image: url("bubble.png"), url("people.png");}

或更多控制

 comment {
       background-image: url("bubble.png") left top no-repeat, url("people.png") right top no-repeat;
    }

现在插入图像的偏移和像素大小：

 comment {
       background-image: url("bubble.png") left top no-repeat, url("people.png") left 30px top 20px / 300px 200px no-repeat ;
    }

有关详细信息，请参阅css3.com