如何将base64编码的背景图像与crossbrowser渐变混合?

时间:2013-06-06 22:14:52

标签: css background base64 gradient

我正在努力获得具有多种背景的背景。我正在考虑使用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图像?

0 个答案:

没有答案