Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
Html Can';不应用背景梯度_Html_Css - Fatal编程技术网

Html Can';不应用背景梯度

Html Can';不应用背景梯度,html,css,Html,Css,我用HTML创建了一个基本表单和一个app.css文件来设置页面样式。 当我将渐变设置为背景图像时,它不会显示在页面上: HTML, 身体{ 保证金:0; 填充:0; 背景图像:线性梯度(120度,#e0c3fc 0%,#8ec5fc 100%); } Autentificare 电邮: 帕罗拉: 奥特提菲卡酒店 您可以使用此CSS代码,因为您需要webkit来支持不同的浏览器。您可能正在使用diff browser。我可以知道您正在使用哪个浏览器吗 您可以使用免费的渐变生成器网站生成支持

我用HTML创建了一个基本表单和一个
app.css
文件来设置页面样式。 当我将渐变设置为背景图像时,它不会显示在页面上:

HTML,
身体{
保证金:0;
填充:0;
背景图像:线性梯度(120度,#e0c3fc 0%,#8ec5fc 100%);
}

Autentificare
电邮:
帕罗拉:
奥特提菲卡酒店
您可以使用此CSS代码,因为您需要webkit来支持不同的浏览器。您可能正在使用diff browser。我可以知道您正在使用哪个浏览器吗


您可以使用免费的渐变生成器网站生成支持每个浏览器的渐变代码,或尝试累积每个浏览器。

尝试使用RBG值而不是十六进制。并将背景高度设置为100%,就像这样

    HTML,
    body {
      margin: 0;
      padding: 0;
      height:100%;
      background-image: linear-gradient(to right, rgba(224, 195, 252, 0),rgba (142, 197, 252, 1));
    }

渐变属于图像数据类型,只能在可以使用图像的地方使用。因此,“线性渐变”属性在“背景色”属性和其他使用“颜色”数据类型的属性上不起作用

正确的声明将是

CSS


来源:

尝试删除百分比,使其看起来像这样

背景图像:线性梯度(120度,#e0c3fc,#8ec5fc)

并改用RGBA


另外,我认为你的标题中有一个输入错误。

使用检查器并验证1)是否实际应用了渐变,2)如果身体的子体应用了覆盖渐变的背景,你是否包含了css文件?你缺少的在html中包含css。尝试使用内联css。它对我有用吗?你有没有把你所有的元素位置都设置为:绝对?@Temaniaf如果我这样做了,但不起作用,我使用RGB值并将高度设置为100%,但是没有work@CosminCiolacu检查这段代码,他使用的不是背景色,而是背景图像,这对他来说是有效的gradient@TemaniAfif他想做的不包括渐变叠加。只有当他想在背景中包含图像时才会显示,但事实并非如此。@CosminCiolacu不客气。只需注意,线性渐变仅适用于背景图像,如果您将放置具有叠加效果的图像。
    HTML,
    body {
      margin: 0;
      padding: 0;
      height:100%;
      background-image: linear-gradient(to right, rgba(224, 195, 252, 0),rgba (142, 197, 252, 1));
    }
body {
background: linear-gradient(120deg, #FF0000 0%, #0000FF 100%);
}