【问题标题】:CSS3 background angled gradient becomes horizontal on wide screensCSS3 背景角度渐变在宽屏幕上变为水平
【发布时间】:2012-01-23 14:32:43
【问题描述】:

我在http://jsfiddle.net/jeepstone/GLcRe/ 有一个倾斜的 CSS 渐变

在 Firefox 中这很好,但在 Chrome 中,当您使窗口变宽时,线条变为水平。它不会在 JSfiddle (!) 中执行此操作。有什么办法可以防止这种情况发生吗?

【问题讨论】:

  • 你有给定问题的截图吗?
  • 当然,这是(预期的)行为:dl.dropbox.com/u/2374201/normal_width.png 这是广泛的行为:dl.dropbox.com/u/2374201/wide.png
  • 尝试禁用此行:background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(185,192,0)), color-stop(30%,rgb(185,192,0)), color-stop(30%,rgb(255,255,255)), color-stop(100%,rgb(255,255,255)));

标签: google-chrome css gradient


【解决方案1】:

目前似乎没有办法定位线性渐变,所以我已将对角线恢复为 png。

【讨论】:

    猜你喜欢
    • 2011-03-15
    • 1970-01-01
    • 1970-01-01
    • 2019-12-24
    • 1970-01-01
    • 2012-05-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多