Como todos sabemos, o IE6 não suporta imagens PNG transparentes, e as imagens PNG têm efeitos que outros formatos de gráficos não podem alcançar em termos de expressividade no web design. A falha fatal do IE6 limita muito o desempenho criativo do web design.
Embora existam muitas maneiras de resolver o PNG transparente no IE6, desde o uso de filtros ou expressões específicos do IE, até a substituição de JavaScript + Transparent GIF. No entanto, esses métodos têm uma desvantagem, que é que eles não suportam os atributos de representação de fundo e repetição de fundo no CSS. O uso de dd_belatedpng.js pode resolver perfeitamente o problema da transparência da imagem PNG no IE6 e suporta a posição de fundo e a repetição de fundo. Isso não está disponível em outros métodos. Ao mesmo tempo, dd_belatedpng também suporta um atributo: mouse e <mg>.
Nosso site adicionou DD_BelatedPng para processar imagens transparentes de navegação PNG para manter a mesma aparência sob diferentes navegadores.
DD_BELATEDPNG SITE OFICIAL: Clique aqui para visitar!
Como usar:1. Faça o download do arquivo JS primeiro:
| Dd_belatedpng_0.0.8a versão não compactada |
| Dd_belatedpng_0.0.8a versão compactada |
Em seguida, consulte o código na página:
- <! - [ifie6]>
- <scripttype = text/javascriptsrc = baixado JS Path> </sCript>
- <Cript>
- Dd_belatedpng.fix ('seletor CSS, tipo de aplicativo');
- </script>
- <! [endif]->
A função de referência é dd_belatedpng.fix () e o seletor CSS (seletor de ID e seletor de classe pode ser usado) e tipo de aplicativo (dividido em IMG e plano de fundo) entre colchetes.
Como dd_belatedpng.fix ('#box-one, img') ou dd_belatedpng.fix ('. Cabeçalho, fundo') etc.
Estes podem ser abreviados como dd_belatedpng.fix ('#box-one, .header, img, fundo'); .
Mais seletores como dd_belatedpng.fix ('#box-one, .header,#rodapé, .xox-two a: mouse, img, fundo'); e assim por diante.
Além disso, para resolver a imagem de fundo pisando no IE6, você pode adicionar o seguinte script à página:
- <! - [ifie6]>
- <scripttype = text/javascript>
- // <! [CDATA [
- if ((window.navigator.appname.touppercase ().
- tentar{
- Document.ExecCommand (BackgroundImageCache, False, True);
- }
- Catch (e) {}
- //]]>
- </script>
- <! [endif]->