2017-03-22 10 views
0

を見つけていない場合でも、私はメディア不透明で背景画像を入れしようとしていますが、そうすることができないではない、ここに私のhtmlだ: -不透明度、作業私は構文エラー

代わり

  
 
<body style="margin:auto;width:100%;height:100%;opacity:0.1;background-image:url('http://farm3.static.flickr.com/2098/2260149771_00cb406fd6_o.jpg')"> 
 
</body>

+0

スニペットを作成する – user3386779

+0

どうすればよいですか?私はここに新しいです –

+0

[CSS:不透明度の背景画像を設定しますか?](http://stackoverflow.com/questions/4183948/css-set-background-image-with-opacity)の可能な複製 –

答えて

0

ボディエレメンツを調整するには、背景を保持するために余分なdivを追加します。スタイルをCSSファイルに分割する方がよいでしょう。

#background { 
 
    position: fixed; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    background-image: url('http://i40.tinypic.com/3531bba.jpg'); 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
    background-size: 100%; 
 
    opacity: 0.4; 
 
}
<!DOCTYPE html> 
 

 
<head> 
 
    <title>Your favourite travle partner</title> 
 
</head> 
 

 
<body> 
 
    <div id="background"></div> 
 
</body>

1

使用div要素の代わりにbodyタグ。そして、そのdivに特定の高さを与えます。

<!DOCTYPE html> 
     <head> 
     <title>Your favourite travle partner</title> 
     </head> 

     <body> 
      <div style="margin:auto;width:100%;height:400px;opacity:0.1;background-image:url('http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg')"> 

    </div> 
     </body> 

     </html>`