0

私は一晩中フォーラムを読んでいますが、まだこれを理解できません。

サイト内の他のすべての背景として、div の 1 つを使用したいと考えています。また、特定の場所から開始したい、つまり、ページ全体を占有しないようにします。

この div (クラス the_background) は、次のように、body の子であるコンテナー div の子です。

ヘッドタグ(ここにある通常のもの)ヘッドタグを閉じる

<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>

等

以下は、私の外部スタイルシートのコードです。

.container {margin:0 2em;
        text-align: center;
        position: relative;}

（コードの束、そして:)

.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;}

(より多くのコードなど)

私が最終的に望むのは（画像を投稿できないため）、背景画像がunder_menu divの下部から始まり、それと同じ幅を占め、ページの残りの長さまで続くことです。現時点では、under_menu div は完璧です。ページ全体に表示されますが、両側に小さなマージン (50%) があり、1em のスリムな高さです。

現在コピーしたこのコードでは、何も得られません。一体どうしてそうなの？？？！！！私はこの一日中遊んでいて、黄色の代替色または背景画像を特定の時間に表示することができましたが、私の人生ではその幅や高さを制御することはできません. 私は特定できるすべての関連するプロパティをいじりました! 誰かが私を助けてくれたら、私はあらゆる種類の感謝をするでしょう. 貼り付けたコードが機能しない理由を誰かが説明してくれれば、それも素晴らしいことです。

よろしくお願いします！

psはい、スペルと構文などをトリプルチェックしています。:/

4

1 に答える 1