chrome 中的 css 线性渐变

Question

我尝试在背景屏幕上设置一条垂直红线，like this . 在 firefox 中它工作正常，但在 chrome 31 中红线丢失。

我的CSS代码:

html {
    background-image:
    linear-gradient(90deg, transparent 6em, red 6.2em, red 6em, transparent 6.2em),
    linear-gradient(#eee .1em, transparent .1em);
    background-size: 100% 1.2em;
}

感谢您的帮助。

Answer 1

尝试将“-webkit-”添加到那些“线性渐变”前缀以与 Chrome 兼容，如所述here :

-webkit-linear-gradient(90deg, transparent 6em, red 6.2em, red 6em, transparent 6.2em),
-webkit-linear-gradient(#eee .1em, transparent .1em);

但是，最新的 Chrome 版本似乎不需要这些前缀。也许您也应该更新您的浏览器。