Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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 ul列表的背景为白色。如何删除背景?_Html_Css - Fatal编程技术网

Html ul列表的背景为白色。如何删除背景?

Html ul列表的背景为白色。如何删除背景?,html,css,Html,Css,我已经试过了,但我仍然在ul上看到白色背景 *{ background-color: transparent; background-image: none; } 代码: 你能澄清你的问题吗?当我打开代码时,我的背景是白色的,但是如果我将body元素背景更改为红色,那么页面将变为红色 例如,这就是我看到的身体是紫色的。我没有图像文件,所以这里有白线。 还有,为什么你的H1元素在脑袋里?它应该在身体里 <body> <h1 class="tit

我已经试过了,但我仍然在ul上看到白色背景

*{
  background-color: transparent;
  background-image: none;
}
代码:



你能澄清你的问题吗?当我打开代码时,我的背景是白色的,但是如果我将body元素背景更改为红色,那么页面将变为红色

例如,这就是我看到的身体是紫色的。我没有图像文件,所以这里有白线。

还有,为什么你的H1元素在脑袋里?它应该在身体里

  <body>
    <h1 class="title">PARALLEX</h1>
    <nav>
      <ul class="nav_links">
        <li><a href="#">HOME</a></li>
        <li><a href="#">SHOP</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">SERVICES</a></li>
      </ul>
    </nav>
    <div>
      <img class="main img" src="mountains.jpg">
    </div>
  </body>

平行线

你能澄清你的问题吗?当我打开代码时,我的背景是白色的,但是如果我将body元素背景更改为红色,那么页面将变为红色

例如,这就是我看到的身体是紫色的。我没有图像文件,所以这里有白线。

还有,为什么你的H1元素在脑袋里?它应该在身体里

  <body>
    <h1 class="title">PARALLEX</h1>
    <nav>
      <ul class="nav_links">
        <li><a href="#">HOME</a></li>
        <li><a href="#">SHOP</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">SERVICES</a></li>
      </ul>
    </nav>
    <div>
      <img class="main img" src="mountains.jpg">
    </div>
  </body>

平行线

您的图像不在
ul
后面,因为在HTML中,图像位于
ul
后面,因此无需进一步说明,图像将呈现在列表后面

添加“左”和“顶”值以将图像放置在上角:

.main.img {
  height: 100vh; // "viewport height" seems more appropriate than % in this case
  width:100vw;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1; // negative puts it behind anything with the default value, so you don't need to define the z-index of every single element
}

ul
默认情况下没有背景,因此您可以删除该css块:
*{
..

您的图像不在
ul
后面,因为在HTML中图像位于
ul
后面,因此无需进一步说明,图像将在列表后面呈现

添加“左”和“顶”值以将图像放置在上角:

.main.img {
  height: 100vh; // "viewport height" seems more appropriate than % in this case
  width:100vw;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1; // negative puts it behind anything with the default value, so you don't need to define the z-index of every single element
}

ul
默认情况下没有背景,因此您可以删除该css块:
*{
..

在您发布的代码中,背景颜色不是白色。如果您将黑色背景添加到
正文
或任何包装,则
导航
/
ul
将以白色文本显示在黑色背景上。(如果不添加任何内容,则不会看到任何内容,因为所有内容都是白色的)如果我对你的问题的解释正确,你真的希望
ul
位于你试图制作的背景图像之上吗?也许可以更新你的措辞以反映这一点,因为每个人都认为你不需要背景。在你发布的代码中,背景颜色不是白色的。如果你在
bod中添加黑色背景y
或任何包装,导航
/
ul
在黑色背景上显示白色文本。(如果您不添加任何内容,您将看不到任何内容,因为所有内容都是白色的)如果我对你的问题的解释是正确的,那么你真的希望
ul
位于你试图制作成背景图像的图像之上吗?也许可以更新你的措辞以反映这一点,因为每个人都认为你不需要背景。