Je suis en train de mettre une image de fond avec une opacité moyenne mais incapable de le faire, voici mon html: -Opacité ne fonctionne pas, même si je ne trouve aucune erreur de syntaxe
<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>lieu d'ajuster le corps elemet, ajouter un div supplémentaire pour tenir l'arrière-plan, mieux de séparer le style dans un fichier 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>Utiliser div au lieu de balise body. Et donnez une hauteur particulière à ce 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>`
créer un extrait – user3386779
comment? Je suis nouveau ici –
Copie possible de [CSS: définir l'image de fond avec l'opacité?] (Http://stackoverflow.com/questions/4183948/css-set-background-image-with-opacity) –