2017-05-30 11 views
0

私は使用していますthis image背景画像の幅は画面の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(右サイド・ナビゲーション・メニュー)

乾杯

答えて

1

をあなたが75%を適用しています高さただ、代わりに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>

+0

感謝の75% autoを使用...それは今リピートプロパティを無視しているように見えます。 Screenshot:http://imgur.com/IqPXvYE – StuBlackett

+0

あなたは2つの異なるプロパティに分割することができます。更新された回答を確認する –