我正在努力获得具有多种背景的背景。我正在考虑使用base64
编码图像和渐变,我想知道如何将两者结合起来......
这就是我所拥有的:
.el {
background-color: #ebe5e5;
background-position: 50% 50%;
background: url(data:image/png;base64,iV...10k of foo...CC);
background: -webkit-gradient(linear, left top, left bottom, from(#ebe5e5), to(#e1dbdb));
background: -webkit-linear-gradient(center top, #ebe5e5, #e1dbdb);
background: -moz-linear-gradient(center top, #ebe5e5, #e1dbdb);
background: -o-linear-gradient(center top, #ebe5e5, #e1dbdb);
background: linear-gradient(center to bottom, #ebe5e5, #e1dbdb);
}
我想知道我是否需要像background1, background2
一样指定两个背景,但这意味着我的base64编码的图像字符串必须多次声明,并且它太大了。
问题:
有没有办法使用带有渐变和base64编码图像的多个CSS背景而不必为每个浏览器前缀指定base64图像?