【问题标题】:Background Images & Linear Gradients背景图像和线性渐变
【发布时间】:2011-12-23 03:00:52
【问题描述】:

我有一个 div,其背景图像位于右上角,其余部分为背景颜色,是否可以使用线性渐变代替颜色?

【问题讨论】:

    标签: css background-image background-color linear-gradients


    【解决方案1】:

    是的,可能。您可以使用以下样式定义:

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

    另外,请参阅这篇文章以获得跨浏览器兼容的解决方案。

    【讨论】:

    • 糟糕!错过了。我复制了 URL 但忘记粘贴了.. :) 这里是:stackoverflow.com/questions/2504071/…
    • PS 多个问号可能让我看起来很生气,但我没有,他们有必要添加那个帖子...... :)
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-15
      • 2019-04-13
      相关资源
      最近更新 更多