Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 线性梯度背景问题_Css_Linear Gradients - Fatal编程技术网

Css 线性梯度背景问题

Css 线性梯度背景问题,css,linear-gradients,Css,Linear Gradients,我正在尝试使背景成为渐变色。但当我这么做的时候,会有一堆奇怪的台词。。。看起来不对。然而,当它不占据整个背景时,比如说,宽度:500px,高度:500px,它看起来很好。我真的不明白这里发生了什么 身体{ 背景图像:线性渐变,10%,粉红色; } 这很可能是“色带”,这是一个显示器的问题,它不支持吨的颜色,这样它可以创建一个完美的梯度。在经过适当校准的监视器上,它可能看起来很好 线性渐变也不如基于贝塞尔曲线的渐变好,可以使用“缓和”使颜色之间的混合更加平滑 具有多个具有缓和曲线的点的线性渐变示

我正在尝试使背景成为渐变色。但当我这么做的时候,会有一堆奇怪的台词。。。看起来不对。然而,当它不占据整个背景时,比如说,宽度:500px,高度:500px,它看起来很好。我真的不明白这里发生了什么

身体{ 背景图像:线性渐变,10%,粉红色;
} 这很可能是“色带”,这是一个显示器的问题,它不支持吨的颜色,这样它可以创建一个完美的梯度。在经过适当校准的监视器上,它可能看起来很好

线性渐变也不如基于贝塞尔曲线的渐变好,可以使用“缓和”使颜色之间的混合更加平滑

具有多个具有缓和曲线的点的线性渐变示例:

linear-gradient(
  hsl(0, 0%, 0%) 0%,
  hsla(0, 0%, 0%, 0.738) 19%,
  hsla(0, 0%, 0%, 0.541) 34%,
  hsla(0, 0%, 0%, 0.382) 47%,
  hsla(0, 0%, 0%, 0.278) 56.5%,
  hsla(0, 0%, 0%, 0.194) 65%,
  hsla(0, 0%, 0%, 0.126) 73%,
  hsla(0, 0%, 0%, 0.075) 80.2%,
  hsla(0, 0%, 0%, 0.042) 86.1%,
  hsla(0, 0%, 0%, 0.021) 91%,
  hsla(0, 0%, 0%, 0.008) 95.2%,
  hsla(0, 0%, 0%, 0.002) 98.2%,
  hsla(0, 0%, 0%, 0) 100%
);

你的身体有多大?里面有什么。请提供一个。@Kaido他提供的代码已经是MCVE@TemaniAfif你怎么能这么肯定他们的文件是空的?@kaido我从他的描述中得出结论。他可能在添加任何内容之前添加了背景,并面临这个问题。然后他说当有一定的宽度/高度时,它看起来很好,他很惊讶为什么。我可能是错的,但我很确定情况确实如此。这显然也是我在阅读这个问题时所想的,但正如你所说的,[我们]可能是错的,因此我的评论要求提供关于这一点的更多信息。这不是OP面临的问题Kay@TemaniAfif。我自己也遇到过这样的问题,这就是我对OP问题的解释。我将保留这个答案,以防将来有人遇到类似的问题,或者在这个问答中遇到问题。从红色到粉色,没有太多的阴影/色调,大渐变看起来很平滑,这一现象尤其普遍。