背景图像宽度为屏幕的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 （内容）＆amp; 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>