css - 背景图像和线性渐变

Question

我有一个 div，其背景图像位于右上角，其余部分为背景颜色，是否可以使用线性渐变而不是颜色？

Answer 1

是的，可能。您可以使用以下样式定义：

background-image: url(/images/mybg.png) top right, linear-gradient(top, #444444, #999999);

此外，请参阅这篇文章了解跨浏览器兼容的解决方案。

Answer 2

您还可以创建渐变位图、切割薄片并将其用作背景图像。下面我有一个薄的水平图像，而不是从左到右混合，它垂直重复：

style="width: 110px; background-image: url(BlendLeft.ico);
                background-repeat: repeat-y;