【发布时间】:2011-12-23 03:00:52
【问题描述】:
我有一个 div,其背景图像位于右上角,其余部分为背景颜色,是否可以使用线性渐变代替颜色?
【问题讨论】:
标签: css background-image background-color linear-gradients
我有一个 div,其背景图像位于右上角,其余部分为背景颜色,是否可以使用线性渐变代替颜色?
【问题讨论】:
标签: css background-image background-color linear-gradients
是的,可能。您可以使用以下样式定义:
background-image: url(/images/mybg.png) top right, linear-gradient(top, #444444, #999999);
另外,请参阅这篇文章以获得跨浏览器兼容的解决方案。
【讨论】:
您还可以创建渐变位图、切割薄片并将其用作背景图像。下面我有一个薄的水平图像,而不是从左到右混合,它垂直重复:
style="width: 110px; background-image: url(BlendLeft.ico);
background-repeat: repeat-y;
【讨论】: