Appliquer un content opaque

**ickyknox** · 18/10/2012, 11h35

bonjour

dans mon content, j'ai bien évidemment des éléments (titre, contenu, contact ...).

J'aimerais que la couleur du contenu soit opaque (afin de voir l'image de background du body). Mais j'aimerais surtout que les éléments du content gardent leur couleur originale.

Pour l'instant j'ai écris ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.content {
position:relative;
padding: 10px 0;
width: 860px;
height: 670px;
background-color:white;
 z-index:1;
       /* These three lines are for transparency in all browsers. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=10);
 opacity:.5;}

mais TOUT le content devient opaque. J'aimerais exclure les éléments.

Auriez vous une solution s'il vous plait ?
je vous remercie

**Muchos** · 18/10/2012, 15h21

opacity attribuée à un conteneur agit sur tous les enfants du conteneur. Le système rgba est plus souple sur ce point :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!doctype html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>opacity et rgba</title>
	<style type="text/css">
#opacity {color: red; opacity: 0.5;}
#rgba {color: rgba(255, 0, 0,0.5);}
span {color: red;}
        </style>
</head>
<body>
	<p id="opacity">Opacity s'applique <span>aux enfants</span></p>
	<p id="rgba">RGBA est <span>plus souple</span></p>
</body>
</html>

**ickyknox** · 18/10/2012, 16h23

merci beaucoup muchos ! en effet ca a fonctionné !

merci pout tout le mal que tu t'es donné !

Appliquer un content opaque

CSS

Vue hybride

Discussions similaires

Partager

Partager