HTML-让我的背景出现在实时服务器中-堆栈溢出

顺晟科技

2022-10-18 13:34:17

我无法使用实时服务器打开我的背景。我不确定我做错了什么。我已经附上了index.HTML表和style.CSS表。所有出现的是一个灰色的屏幕为我的背景，而不是图像。我将把登录信息放在背景的顶部，这就是我使用线性渐变的原因。

<代码>*{保证金：0；填充：0；}.英雄{高度：100%；宽度：100%；背景图像：线性渐变（RGBA（0，0，0，0.4），RGBA（0，..网址（123.JPG）；背景-位置：中心；背景大小：封面；位置：绝对；}

<代码><；！文档类型HTML>；<；HTML Lang=“ en ”>；<；头部>；<；meta charset=“ UTF-8 ”/>；<；meta HTTP-equiv=“ X-ua-compatible ” content=“ ie=edge ”/>；<；meta name=“ viewport ” content=“ width=device-width，initial-scale=1.0 ”/>；<；标题>；全球自动化时间表<；/标题>；<；link rel=“ stylesheet ” href=“ style.CSS ”/>；<；/标题>；<；身体>；<；DIV类=“英雄”>；<；DIV CLASS=“ form-box ”>；<；/DIV>；<；/DIV>；<；/正文>；<；/HTML>；

顺晟科技：

<代码>.英雄{高度：100%；宽度：100%；背景图像：线性渐变（RGBA（0，0，0，0.4），RGBA（0，..）），URL（' images/123.JPG '）；背景-位置：中心；背景大小：封面；位置：绝对；}

在

* {
  margin: 0;
  padding: 0;
}

.hero {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(123.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
}

中

使用撇号<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Global Automation Timesheet</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="hero"> <div class="form-box"></div> </div> </body> </html>。还要确保您正确地写下了图像位置。

上一篇：HTML-Angular Event 下一篇：HTML-联系人表单上的提交按钮不起

网站建设

Html

HTML-让我的背景出现在实时服务器中-堆栈溢出