背景图像宽度的屏幕

Question

的75％，我使用

作为背景，以我的网页上的部分。理想情况下，我希望白色在屏幕的75％处停下来（这将覆盖左侧网格中的内容）。

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

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

但是没有这样的运气。

可以这样做。我使用的是引导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>