Nada além de pop | blog | poperotico.com.br - Se você acreditava que não encontraria mais nenhum blog interessante, diferente e ousado, continue acreditando...

Atenção: este é um post nerd e com grande quantidade de jargões. Só pra avisar!

Imagine você montar um layout com drop shadow no seu entorno e que ficará sobre um background texturizado.

Tudo estará lindo se você utiliza Firefox (independente da versão - e pra isso eu tiro o chapéu) ou Internet Explorer 7 para testar suas interfaces. Se o IE for 6 ou anteriores, no lugar do canal alfa aparecerá um cinza chapado e quem produz já sabe disso...

Pois bem: se não for apelar para o Flash - solução que já adotei diversas vezes -, se faz imprescindível o uso de um fix de PNG com transparência para Internet Explorer versão 6 e anteriores, como o desenvolvido por Bob Osola, que tenho usado em alguns trabalhos.

Eis que este cenário se mostrou um problema caso você tenha de colocar um elemento DIV ou IFRAME que contenha scroll sobre a área onde está o PNG.

A culpa é do atributo "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader" que está no CSS feito para Internet Explorer anterior a versão 7.

E o resultado é simples: o scroll não funcionará no IE 6 e infelizmente não estou com saco pra subir uma máquina virtual nova para testar com IE 5.5.
A barra de rolagem aparece, mas nada acontece. Seja clicando ou usando a roda do mouse.


Minha solução

Setar o parâmetro "filter" como vazio, retirar o elemento sombreado ao redor e criar um GIF transparente para esta área. Tudo isso no arquivo CSS especificamente criado para IE anterior ao 7.


Alguém já viu algo parecido e tem alguma outra idéia? Enquanto isso dá-lhe workaround (melhor do que chamar isso que estou fazendo aqui de POG ou gambi).


{}'s e []'s

Ouvindo agora: 97,7 Energia 97 FM - SP :: DJ Tiesto-chacotinha feat. Christian Burns - In The Dark

Marcadores: div, html, iframe, internet explorer, png, pngfix, scroll, webdesign