Originalmente, era apenas uma imagem png transparente, que é fácil de resolver no IE. Também tentei vários métodos, incluindo método js, método de filtro css, etc., mas sinto que no geral não é perfeito, e se eu usar o método. Método Sprites ao mesmo tempo, não é tão simples e fácil.
Finalmente, descobri que usar o método htc para incorporar arquivos css pode basicamente resolver a maioria dos problemas de transparência de uma só vez.
Este método foi introduzido por muitas pessoas, mas como a página está em inglês, poucas pessoas a traduziram e poucas pessoas irão usá-la.
Este método é apresentado em detalhes abaixo:
O endereço de demonstração deste método em si: http://www.twinhelix.com/css/iepngfix/demo/
(Como eu disse, está tudo em inglês, não se preocupe)
Pode ser resolvido por:
1. Use a tag "img" para adicionar a imagem png transparente à página
2. Use plano de fundo para adicionar fundo transparente png em css (suporta várias versões)
3. Algumas versões do png de fundo são transparentes e precisam ser resolvidas adicionando um js à página atual.
Baixe o pacote de arquivos: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. Após baixar e descompactar, haverá muitos arquivos, entre os quais existem 3 arquivos que precisamos usar:
iepngfix.htc, blank.gif, iepngfix_tilebg.js
2. Você pode transferi-los para os diretórios css, js e images correspondentes, respectivamente. Claro, você também pode criar uma nova pasta, como uma pasta chamada: iepng, e transferi-los para ela.
3. Adicione a primeira frase do código. Este é o formato adicionado ao arquivo html. Não se esqueça de modificar o caminho do arquivo htc. como /iepng/iepngfix.htc. Isso geralmente não funciona, é claro que você também pode adicionar behavior: url (iepngfix.htc) ao seu arquivo reset.css.
| <style type="texto/css"> img, div { comportamento: url(iepngfix.htc }); </estilo> |
4. Use o Bloco de Notas ou uma ferramenta semelhante para abrir o arquivo iepngfix.htc e substitua o caminho do arquivo blankImg pelo seu próprio, como /iepng/blank.gif, de acordo com sua situação real.
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. Adicione o seguinte código de chamada js ao "cabeçalho" da página necessária (esta etapa não é necessária. Se sua inclusão na parte principal for chamada uniformemente, é recomendável adicionar esta frase)
| <script type="text/javascript" src="iepngfix_tilebg.js"></script> |
Após as etapas acima, você pode basicamente obter o efeito transparente do png no IE.