有没有办法使用CSS3渐变和回退到PNG?

时间:2010-09-04 10:41:07

标签: html css

如何使用CSS3渐变作为背景图像,如果不支持渐变,则回退到PNG图像?

1 个答案:

答案 0 :(得分:14)

你走了。

不支持CSS3渐变的浏览器只会使用该图像。

div {
            background-color: #1a82f7; /* fallback color */
            background-image: url(images/linear_bg_2.png); /* fallback image */
            background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}

Blog post about it on CSS Tricks