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

问题描述：

有没有办法设置一个背景图像以适应另一个图像？这个例子可以解释这一切：CSS：在另一个图像（或画布）内的背景图像

你可以有多个背景图像规则在同一个元素上，所以是的。 – Kaiido

**不，该图像没有充分解释！**图像很少会与讲话泡泡完全吻合。当它不是一个完全适合它必须缩放。当它被缩放时，几乎总会有溢出或下溢。上溢或下溢需要做什么？ – markE

答

这应该这样做，假设你的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

但第二个会在另一个里面吗？ – MultiformeIngegno

修订示例 - 您需要在图像中有一个透明部分。如果您无法控制插入图像的图像尺寸，则可能会进行FUN调试！ – Mike

严.. https://jsfiddle.net/cypgLf0b/ – MultiformeIngegno