html - 背景图像宽度为屏幕的 75%

Question

我正在使用

作为我页面上某个部分的背景。理想情况下，我希望白色停在屏幕的 75%(这将覆盖左侧网格中的内容)。

这可能吗？我刚刚尝试了以下 CSS:

background: rgba(0, 0, 0, 0) url("../img/page-bg.jpg") repeat-y scroll left center / auto 75%;

但没有这样的运气。

这能实现吗。我正在使用 Bootstrap 3 网格并且有列:

lg-9(内容)和lg-3(右侧导航菜单)

干杯

Answer 1

您在高度上应用了 75%。只需使用 75% auto 而不是 auto 75%

background: #000  url("../img/page-bg.jpg") repeat-y left center;
background-size: 75% auto;

div {
  width:300px;
  height: 600px;
  float: left;
  background: #000 url(https://dummyimage.com/300x300/cccccc/ff0000.png&text=Sample-Text) repeat-y left center;
  background-size: 75% auto;
}

<div>

</div>