CSSの背景の固定固定+背景の背景幅の幅

Question

divの左上に画像の「ストリップ」を背景として固定添付プロパティで追加しようとしています。ここでは、次のとおりです。 https://jsfiddle.net/mvfariajr/recLr6yf/

HTML：

<div id="wrapper"> 
    <div id="container"> 
    <h1>TESTING</h1> 
    </div> 
</div> 

CSS：

#wrapper { 
    width: 100%; 
    height: 500px; 
    background-color: #ccc; 
} 

#container { 
    text-align: center; 
    margin: 0 auto; 
    width: 80%; 
    height: 400px; 
    background-color: #fff; 
    background-position: left top; 
    background-repeat: no-repeat; 
    background-size: 70px 100%; 
    background-attachment: fixed; 
    background-image: url(http://ariseartgroup.com/interiors/wp-content/uploads/2017/01/metal-texture-trim.jpg); 
} 

問題は、背景は常にDIVの左にはないということです。

助けが必要ですか？ ありがとう！ここで

Answer 1

あなたが行く：

#wrapper { 
 
    width: 100%; 
 
    height: 500px; 
 
    background-color: #ccc; 
 
} 
 

 
#container { 
 
    text-align: center; 
 
    margin: 0 auto; 
 
    width: 80%; 
 
    height: 400px; 
 
    background:white url("http://ariseartgroup.com/interiors/wp-content/uploads/2017/01/metal-texture-trim.jpg") 10% 50% no-repeat; 
 
    background-size: 70px 100%; 
 
    background-attachment: fixed; 
 
}

<div id="wrapper"> 
 
    <div id="container"> 
 
    <h1>TESTING</h1> 
 
    </div> 
 
</div>