div fond transparent avec à-dire

Question

je tente d'utiliser la structure de carrousel ci-dessous

carousel

le problème est l'arrière-plan (lien avec la description sur le côté gauche) semi-transparente et il fonctionne très bien avec l'opéra, firefox , chrome, safari sauf ie6. ie6 l'affiche sans cette transparence. Comment changer pour afficher comme les autres navigateurs?

Answer 1

Le problème avec votre solution est qu'il tente d'obtenir la transparence avec un fichier d'image:

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer 7 < ne peut pas tirer correctement une véritable transparence PNG parce qu'il suce.

La solution de votre côté est que vous avez de la chance et n'avez pas besoin d'une vraie transparence d'image. Au lieu de cela, vous pouvez utiliser le modificateur CSS opacité. Recherche Google pour « opacité CSS », c'est l'un des premiers succès: http://www.quirksmode.org/css/opacity.html

Pour que cela fonctionne toujours comme prévu (à savoir le texte lui-même est pas transparent) vous devrez faire tours supplémentaires. Par exemple. superposez un second élément <div> sous le vrai (ne les cascadez pas!), ou cascadez-les et espérez pouvoir surcharger l'opacité des éléments enfants, ou .... C'est pourquoi dans la version originale, l'astuce avec image transparente a été utilisée.

Il montre clairement à quel point IE est nul. Je voudrais simplement déprécier, comme je le fais avec mes sites Web.