Transparence et opacity
patneze
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
mikelangelo Messages postés 285 Date d'inscription Statut Membre Dernière intervention -
mikelangelo Messages postés 285 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous,
j'ai un probleme pour coder un tableau un peu particulier en HTML.
Je voudrais rendre le fond du tableau transparent et faire en sorte que certaines cellules du tableau ne soient pas transparentes. Mon prob est que les cases qui doivent etre opaques ne le sont pas. Dans mon exemple ci-dessous, il y a toujours une nuance de noir.
Je mets le code en-dessous.
Merci de vos aides
j'ai un probleme pour coder un tableau un peu particulier en HTML.
Je voudrais rendre le fond du tableau transparent et faire en sorte que certaines cellules du tableau ne soient pas transparentes. Mon prob est que les cases qui doivent etre opaques ne le sont pas. Dans mon exemple ci-dessous, il y a toujours une nuance de noir.
Je mets le code en-dessous.
Merci de vos aides
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
<style type="text/css" media="screen">
<!--
body
{ background-color: black;}
#case_trans{
filter : alpha(opacity=5);
-moz-opacity : 0.5;
opacity : 0.5;
font-size:20px;
font-family:"Arial Black",Arial,sans-serif;
color: white;
background: red ;
}
#case_opaque{
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
font-size:20px;
font-family:"Arial Black",Arial,sans-serif;
color: white;
background: red ;
}
#tableau_trans{
filter : alpha(opacity=5);
-moz-opacity : 0.5;
opacity : 0.5;
background: transparent ;
border: 2px solid yellow;
width: 300px;
height: 200px;
}
#tableau_opaque{
background: blue ;
border: 2px solid yellow;
width: 300px;
height: 200px;
}
-->
</style>
</head>
<body>
<div id="tableau_trans">
<table>
<tr>
<td>
<div id="case_opaque">
Texte OPAQUE
</div>
</td>
</tr>
<tr>
<td>
<div id="case_trans">
TEXTE TRANSPARENT
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
A voir également:
- Transparence et opacity
- Superposer 2 pdf en transparence - Forum PDF
- Paint.net transparence ✓ - Forum Graphisme
- Transparence image arrière plan open office ✓ - Forum LibreOffice / OpenOffice
- Superposer deux images transparence ✓ - Forum Graphisme
- Comment on opacite une image Sur Paint.net? ✓ - Forum Logiciels
7 réponses
enleve ca de tableau_transp :
ps : ton histoire ca fonctionne sur moz, mais pas IE ;-) (75% du marché)
filter : alpha(opacity=5);
-moz-opacity : 0.5;
opacity : 0.5;
background: transparent ;
ps : ton histoire ca fonctionne sur moz, mais pas IE ;-) (75% du marché)
Ah bon, il me semblait que ca marchait aussi sous IE :( C'est peut-etre quand on utilise uniquement des div et non des table ...
En fait pour preciser ma question,
est-ce qu'il est possible de rendre transparent a 50% le fond d'un tableau tout en gardant les ecritures et images completement opaques ? et que cela fonctionne sur IE et mozilla :)
Merci de vos aides.
En fait pour preciser ma question,
est-ce qu'il est possible de rendre transparent a 50% le fond d'un tableau tout en gardant les ecritures et images completement opaques ? et que cela fonctionne sur IE et mozilla :)
Merci de vos aides.
Il me semble avoir quelque par que non, pour le CSS tout du moins.
PS : j'ai retrouvé ça :
http://www.yoyodesign.org/doc/w3c/css2/tables.html#table-layers
PS : j'ai retrouvé ça :
http://www.yoyodesign.org/doc/w3c/css2/tables.html#table-layers
Merci pour le lien . Tres instructif.
Dommage qu'il n'y ait pas de solution.
En fait c'est pour un site ou j'ai une image en background. Le prob ets que le texte n'apparait pas de facon tres claire suivant l'endroit de l'image qui est en tache de fond.
DOnc je voudrais que les parties ou il y a du texte soit teinte un peu avec du blanc tout en gardant une certaine transparence.
Voila mon prob a resoudre :)
Dommage qu'il n'y ait pas de solution.
En fait c'est pour un site ou j'ai une image en background. Le prob ets que le texte n'apparait pas de facon tres claire suivant l'endroit de l'image qui est en tache de fond.
DOnc je voudrais que les parties ou il y a du texte soit teinte un peu avec du blanc tout en gardant une certaine transparence.
Voila mon prob a resoudre :)
salut,
un image de fond avec transparence (gif pas png) à ton texte. ça donne un effet de papier calque.
un image de fond avec transparence (gif pas png) à ton texte. ça donne un effet de papier calque.
Je connais ce systeme. Le probleme est que je ne veux pas donner la meme couluer de transparence sur toute l'image.
Je peux deja vous montrer mon probleme sur mon site http://cmhb.free.fr
Je voudrais appliquer le calque blanc transparent a 50%, uniquement sur la colonne de texte du milieu.
Une soluce ?
Je peux deja vous montrer mon probleme sur mon site http://cmhb.free.fr
Je voudrais appliquer le calque blanc transparent a 50%, uniquement sur la colonne de texte du milieu.
Une soluce ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
l'explication est toute simple, et elle tient au fait que la valeur d'opacité n'est pas absolue mais relative :
Ton tableau (opacité 0,5), contient deux types de cellules :
- transparent (opacité relative 0,5)
- opaque (opacité relative 1)
Comme tes cellules sont contenues dans un tableau lui même transparent, cela donne en opacités absolues :
- transparent = 0,5*0,5 = 0,25
- opaque = 0,5 * 1
La solution est donc de ne pas mettre d'opacité à ton tableau et de définir pour chaque cellule.
Ou peut-être en mettant une opacité supérieur à 1 pour compenser cela pourrait fonctionner (pas encore tester) : pour tes cellules opaques ce serait alors 2
l'explication est toute simple, et elle tient au fait que la valeur d'opacité n'est pas absolue mais relative :
Ton tableau (opacité 0,5), contient deux types de cellules :
- transparent (opacité relative 0,5)
- opaque (opacité relative 1)
Comme tes cellules sont contenues dans un tableau lui même transparent, cela donne en opacités absolues :
- transparent = 0,5*0,5 = 0,25
- opaque = 0,5 * 1
La solution est donc de ne pas mettre d'opacité à ton tableau et de définir pour chaque cellule.
Ou peut-être en mettant une opacité supérieur à 1 pour compenser cela pourrait fonctionner (pas encore tester) : pour tes cellules opaques ce serait alors 2
Au final sur le site j'ai pas trouvé de tableau avec du texte au milieu, c'est pourquoi je parlais du conteneur div, j'ai supposé qu'il s'agissait du texte au centre de la page ...
Salut,
Les tableaux sont déjà transparent par défaut.
PS : les div ne sert à rien, met diretement des id dans les td et table.
gryzzly je dirais même 95% :p
Les tableaux sont déjà transparent par défaut.
PS : les div ne sert à rien, met diretement des id dans les td et table.
gryzzly je dirais même 95% :p
va voir sa au cas ou :
https://lehollandaisvolant.net/errors/404.html#transparent
============================================== © mikelangelo ©
<droite>test</droite>
https://lehollandaisvolant.net/errors/404.html#transparent
============================================== © mikelangelo ©
<droite>test</droite>
