Question

我一直在尝试将线性渐变应用到背景中，但是中间出现条纹我没有获得平滑渐变，如何从上到下获得平滑渐变

我的CSS

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #DADADA;
background-repeat: no-repeat;
background: -webkit-linear-gradient(white, #DADADA);
background: -moz-linear-gradient(white, #DADADA);
background: -ms-linear-gradient(white, #DADADA);
background: -o-linear-gradient(white, #DADADA);

我的小提琴：https://jsfiddle.net/3njyc0xm/

Answer 1

是的，我认为“你的”颜色存在问题。我已尝试使用其他颜色的代码，没有问题。

我在Firefox和Edge中尝试过你的jsfiddle渐变，似乎你的颜色没有问题，所以可能有一个Chrome bug或其他东西。

Answer 2

在Firefox中，你的例子运行正常，但我认为＆＃34;正常＆＃34;某些浏览器需要CSS属性。只需添加

即可

#!/bin/bash

#Script use to launch cron tasks

SHELL="/bin/bash"
LOGDIR="/var/log/cronlauncher/"

#echo "$USER" >> /tmp/test.log
COMMAND="$2"
eval $COMMAND

我编辑了你的小提琴here

将线性渐变应用于背景

2 个答案: