使用Sass/Compass的多个背景图像

Question

以下使用sass/compass生成base64内联图像:

background-image:inline-image("paper.jpg", 'image/jpg');

有没有办法做多个背景图像,或者我必须自己预压缩才能做到这一点？

谢谢.

Answer 1

内联图像函数只输出url()字符串,因此您可以通过执行以下操作来使用多个:

background: inline-image("front-image.jpg", 'image/jpg') no-repeat, inline-image("back-image.jpg", 'image/jpg') repeat-x

你会得到以下css:

background: url('data:"image/jpg";base64,FRONTIMAGEDATAHERE') no-repeat, url('data:"image/jpg";base64,BACKIMAGEDATAHERE') repeat-x;

我添加了"no-repeat"和"repeat-x",否则前面的图像会重复并覆盖背面图像.