体外の領域に背景画像を追加するには

こんにちは私は通常のHTMLウェブサイトを持っており、bodyタグの外側の領域に背景画像を追加したいと考えていました。それは仕事をdoesntのよう体外の領域に背景画像を追加するには

は、これまでのところ私は間違ってどこかに行っている、明らかに...

#class:before { 
    content: ""; 
    display: inline-block; 
    width: 1px; 
    height: 2000px; 
    background-image:url(../images/Background.jpg); 
    background-repeat: repeat; 
    position: relative; 
}

は、その後、私は身体上のdiv要素を追加して、私のCSSでこれを持っています。

あなたのお手伝いをお待ちしております。

出典

2016-03-23 Amanda

あなたは何を説明してくださいすることができますあなたのウェブサイトの希望の視覚+行動ですが、私はあなたがbodyタグの中に背景イメージを設定することでそれを達成するのに役立ちます。 –

こんにちはスクリーンショットをご覧ください。 http://www.broomedaycare.com/images/gradient-outside-body-content.jpg – Amanda

私の提案は、私はあなたのためJSFiddleを作成しましたflex

を使用することです：enter link description here

HTML：

<body> 
    <div class="flex"> 
     <div class="width-200 bg-red"> 
     Put here your background 
     </div> 
     <div class="flex-1"> 
      right panel 
     </div> 
    </div> 
</body>

CSS：

.flex{ 
    display: flex; 
    height:500px; 
} 

.flex-1{ 
    flex:1; 
    padding-left:10px; 
    background-color:white; 
} 

.width-200{ 
    width:200px; 
} 

.bg-red{ 
    background-color:red; 
}

出典

2016-03-23 09:42:41

ありがとうが、私はこれがうまくいくことを理解していない。どのように2つのdivsは、体の外に背景を配置するのだろうか？ – Amanda

ボディータグの内側にあります。コード例を更新しました –

体外の領域に背景画像を追加するには

答えて

関連する問題