Pb transparance de div avec rgba

Pb transparance de div avec rgba - HTML/CSS - Programmation

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
Reply

Marsh Posté le 12-12-2011 à 12:35:57   

Reply

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

Reply

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 :
  1. <!--[if lte IE 8]>
  2. According to the conditional comment this is IE lower or equal to 8<br />
  3. <![endif]-->


---------------
Blablaté par Harko
Reply

Marsh Posté le 20-12-2011 à 11:14:38    

Ben j'ai recopié celui du tuto de alsacréation.
Merci je regarde

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed