Question

您好我有一个普通的html网站，想要在身体标签之外的区域添加背景图片。

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

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

然后我在身体上面添加了div ..显然已经在某处出错了，因为它不起作用。

感谢您的帮助。

Answer 1

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

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

1 个答案: