Pb transparance de div avec rgba - HTML/CSS - Programmation
Marsh Posté le 13-12-2011 à 20:56:55
Ce sujet a été déplacé de la catégorie Graphisme vers la categorie Programmation par Skopos
Marsh Posté le 19-12-2011 à 00:29:07
tu as écrit n'importe comment tes commentaires conditionnels, c'est normal que tu te fasses jeter
Code :
|
Marsh Posté le 20-12-2011 à 11:14:38
Ben j'ai recopié celui du tuto de alsacréation.
Merci je regarde
Marsh Posté le 12-12-2011 à 12:35:57
Bonjour tous, je me débat avec un div que je veux en partie transparent.
Je me suis basée sur le tuto d'alsacréation http://www.alsacreations.com/tuto/ [...] -rgba.html
Côté CSS
#fond_milieu {width:840px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75)!important; ;padding-left:32px; padding-right:32px; padding-bottom:20px; margin-top:8px; padding-top:38px; margin-left:37px; z-index:300; position:absolute; text-align:justify; }
Head de la page PHP
<!--[if IE lte IE 8]>
<style type="text/css">
#fond_milieu {
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
zoom: 1;
}
</style>
<![endif]-->
Dans le body :
<div id="fond_milieu">
<h1>Titre de la page </h1>
<P> texte de la page</p>
</div>
Ce qui donne sous IEtester
Visible en haut de page, texte blanc : <!--[if IE lte IE 8]> <![endif]-->
ca pose pb
Ie6 le div est completement transparent > donc texte illisible --> normal mais quelqu'un as t'il des stats sur le nb d'internautes qui l'utilisent tjs en france aujourd'hui ?
IE 8, 7 Transparence ok
IE 10, 9 Il existe une transparence mais elle est moindre
Si je supprime du head
<!--[if IE lte IE 8]>
<style type="text/css">
#fond_milieu {
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
zoom: 1;
}
</style>
<![endif]-->
Plus de <!--[if IE lte IE 8]> <![endif]--> en haut de page --> normal !!
IE 6,7,8, div opaque
IE 9 et 10 transparence normal.
Comment faire ?
1/ faire disparaitre <!--[if IE lte IE 8]> <![endif]--> en haut de page
2/ Avoir la même transparence/opacité sur mon div avec les différentes versions IE (75%)
Merci de votre aide
---------------
la p'tiote