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