div fond transparent avec ie

Question

i essaie d'utiliser la structure de carrousel ci-dessous

carrousel

le problème est l'arrière-plan ( 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 il affiche sans que transparentcy.how changer pour afficher d'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 car il suce.

La solution est de votre côté que vous êtes chanceux et ne nécessitent pas une véritable transparence de l'image. Au lieu de cela, vous pouvez utiliser le modificateur CSS d'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 aurez à faire tours supplémentaires . Par exemple. couche un deuxième élément de <div> sous le vrai (pas les en cascade!), ou en cascade eux et espérons que vous pouvez remplacer l'opacité dans les éléments enfants, ou .... Voilà pourquoi dans la version originale, l'affaire avec l'image transparente a été utilisée.

Il montre clairement à quel point IE suce. Je voudrais juste désapprouver, comme je le fais avec mes sites.