div sfondo trasparente con IE

Question

cerco di usare la struttura a giostra seguente

carosello

il problema è lo sfondo ( con la descrizione sul lato sinistro ) semi trasparente e funziona bene con Opera, Firefox, Chrome, Safari tranne IE6. IE6 visualizza senza che transparentcy.how cambiare da visualizzare come altri browser?

Answer 1

Il problema con la soluzione è che si cerca di ottenere la trasparenza con un file di immagine:

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

Internet Explorer <7 non può trarre correttamente vera trasparenza PNG perché fa schifo.

La soluzione sul finale è che si è fortunati e non hanno bisogno vera trasparenza dell'immagine. Invece, è possibile utilizzare il modificatore di opacità CSS. Ricerca Google per "l'opacità CSS", questo è uno dei primi risultati: http://www.quirksmode.org/css/opacity.html

Per rendere questo funziona sempre come previsto (vale a dire il testo stesso è non trasparente) si dovrà fare trucchi aggiuntivi . Per esempio. strato un secondo elemento <div> sotto quello vero (non li cascata!), o in cascata e la speranza si può ignorare l'opacità in elementi figlio, o .... È per questo che nella versione originale, è stato utilizzato il trucco immagine trasparente con.

Si mostra chiaramente quanto male IE fa schifo. Vorrei solo disapprovare esso, come faccio con i miei siti web.