2016-03-23 102 views
0

您好我有一個正常的html網站,並且想要將背景圖像添加到身體標記外部的區域。如何將背景圖像添加到身體外部區域

到目前爲止,我有這個在我的CSS

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

然後我說身體之上的股利。顯然已經走了不對勁的地方,因爲它不工作。

感謝您的幫助。

+0

可以請你描述一下是您的網站所需的視覺+行爲,我相信我可以n通過在body標籤內設置背景圖像來幫助您實現這一點。 –

+0

嗨,請看截圖。 http://www.broomedaycare.com/images/gradient-outside-body-content.jpg – Amanda

回答

0

我的建議是使用flex

我創建的jsfiddle你: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; 
} 
+0

謝謝,但我不明白,這將工作。 2 div如何將背景放置在身體之外? – Amanda

+0

它們將位於車身標籤內。我已經更新了代碼示例 –

相關問題