Can'；我不能让bg img在CSS中做我想做的事情_Css_Image_Background_Position_Cover

Can'；我不能让bg img在CSS中做我想做的事情

css image

Can'；我不能让bg img在CSS中做我想做的事情,css,image,background,position,cover,Css,Image,Background,Position,Cover,我整晚都在看论坛&还是搞不懂这个我想把我的一个div作为我站点中其他所有内容的背景。我还希望它从一个特定的位置开始，也就是说，它不会占据整个页面这个div（class the_background）是我的container div的子级，它是body的子级，如下所示：头标签（这里常用的东西）结束头标签 <body> <div class="container"> <div class="header"> <img src="images/o

我整晚都在看论坛&还是搞不懂这个

我想把我的一个div作为我站点中其他所有内容的背景。我还希望它从一个特定的位置开始，也就是说，它不会占据整个页面

这个div（class the_background）是我的container div的子级，它是body的子级，如下所示：

头标签（这里常用的东西）结束头标签

<body>
<div class="container">
<div class="header">
    <img src="images/open-access/header.png">
</div>
<br/>
<div class="signout">
    login name | <a href="#">signout</a>
</div>
<br/>

<div class="menu">
  <ul>  
    <li><a href="#">Bunch of links etc.</a></li>        
  </ul>
  <div class="under_menu">
  </div>
</div>

<div class="welcome">
        Welcome, name!
</div>
    <div class="the_background"></div>

（一堆代码，然后：）

（更多代码等）

我最终想要的（因为我不能发布图像）是背景图像从under_menu div的底部开始，占据与它相同的宽度，并在页面的其余部分继续。目前，under_menu div是完美的-它横跨整个页面，但每侧都有一个很小的边距（50%），是一个1米的超薄高度

我目前复制的这段代码没有给我任何东西。到底为什么会这样？？？！！！我已经玩了一整天，并设法让黄色的后备颜色或背景图像显示在某些时候，但我不能为我的生活控制它的宽度或高度。我已经修补了我能识别的所有相关财产！如果有人能帮助我，我将万分感激。如果有人也能解释为什么我粘贴的代码不起作用，那也太好了

提前非常非常感谢

p、是的，我已经三次检查了拼写和语法等：//

如果没有一个好的包含图像的JSFIDLE，这一次很难。你能帮我们安排一下吗

同时，请尝试以下CSS：

.the_background {
    background: yellow url('images/bg.png') 50% 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    position: absolute;
    left: 0;
    top: 1em
}

结果：

你能做一把小提琴吗？谢谢马克。我已经发现了这个JSFIDLE的东西，并且认为如果您访问，您将看到我在代码方面的尝试。我又玩了一遍，现在我把它弄得更糟了，我不知道如何修复它：（除了个人资料框之外，所有的框现在都被按下了。另外，网站本身在JSFIDLE框中看起来也很奇怪。导航栏中的按钮不是保持对齐，也没有更长的滚动长度，而是被挤压成一个接一个的，而且这些框也是一个接一个的。这是因为我的代码？

.under_menu{background-color: rgb(141, 0, 212);
width:auto;
height: 1em;
padding-bottom: 0;}

.the_background{background-color: yellow;
            background-image: url('images/bg.png');
    width: auto;
    height: 100%;
    background-size: cover;
    z-index: -10;
    position: absolute;
    left: 0;}

.the_background {
    background: yellow url('images/bg.png') 50% 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    position: absolute;
    left: 0;
    top: 1em
}