如何将背景图像添加到身体外部区域

您好我有一个正常的html网站，并且想要将背景图像添加到身体标记外部的区域。如何将背景图像添加到身体外部区域

到目前为止，我有这个在我的CSS

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

然后我说身体之上的股利。显然已经走了不对劲的地方，因为它不工作。

感谢您的帮助。

来源

2016-03-23 Amanda

可以请你描述一下是您的网站所需的视觉+行为，我相信我可以n通过在body标签内设置背景图像来帮助您实现这一点。 –

嗨，请看截图。 http://www.broomedaycare.com/images/gradient-outside-body-content.jpg – Amanda

我的建议是使用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; 
}

来源

2016-03-23 09:42:41

谢谢，但我不明白，这将工作。 2 div如何将背景放置在身体之外？ – Amanda

它们将位于车身标签内。我已经更新了代码示例 –

如何将背景图像添加到身体外部区域

回答

相关问题