背景图片＆amp;线性渐变

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;