Div fundo transparente com o IE

Question

i tentar usar a estrutura carrossel abaixo

carrossel

o problema é o fundo ( link com a descrição no lado esquerdo ) semi transparente e funciona bem com Opera, Firefox, Chrome, Safari, exceto IE6. IE6 exibe-lo sem que transparentcy.how à mudança para exibir como outros navegadores?

Answer 1

O problema com a sua solução é que ele tenta alcançar a transparência com um arquivo de imagem:

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

Internet Explorer <7 não pode desenhar corretamente a transparência PNG verdade porque é uma porcaria.

A solução em seu final é que você tiver sorte e não precisa de transparência da imagem verdadeira. Em vez disso, você pode usar o modificador de opacidade CSS. Pesquisa no Google por "opacidade CSS", este é um dos primeiros sucessos: http://www.quirksmode.org/css/opacity.html

Para fazer isso sempre funcionam como esperado (ou seja, o texto em si é não transparente) você terá que fazer truques adicionais . Por exemplo. camada um segundo elemento <div> sob o real (e não em cascata-los!), ou cascata-los e espero que você pode substituir a opacidade em elementos filho, ou .... É por isso que na versão original, foi usado o truque imagem transparente com.

Isso mostra claramente o quão mal IE suga. Gostaria apenas de depreciar-lo, como eu faço com meus sites.