Correção de PNG do IE6 no Spoon.net IE6 não funciona mais
-
18-09-2020 - |
Pergunta
Estou usando a seguinte correção de PNG para o IE6, mas parece não estar funcionando para mim:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
Estava funcionando anteriormente, mas não tenho certeza do que estou fazendo de errado.
Estou trabalhando em um ambiente .NET e todo o meu JS é referenciado da seguinte forma:
<%= Html.Script("~/Scripts/jquery-1.4.2.min.js")%>
<%= Html.Script("~/Scripts/jquery-ui-1.8.2.custom.min.js")%>
<%= Html.Script("~/Scripts/Plugins/jquery.colorbox-min.js")%>
<%= Html.Script("~/Scripts/Plugins/jquery.jqtransform.js")%>
<%= Html.Script("~/Scripts/Plugins/jqPrint.js")%>
<%= Html.Script("~/Scripts/Plugins/jquery.print.colorbox.js")%>
<%= Html.Script("~/Scripts/Plugins/jquery.mousewheel.min.js")%>
<%= Html.Script("~/Scripts/Plugins/jScrollPane-1.2.3.min.js")%>
<%= Html.Script("~/Scripts/Plugins/jquery.tools.min.js")%>
<%= Html.Script("~/Scripts/icis.dashboard.js")%>
<%= Html.Script("~/Scripts/icis.pricereport.js")%>
<%= Html.Script("~/Scripts/PriceAssessment/tooltip.js")%>
<!--[if lt IE 7]>
<script type="text/JavaScript" src="../../Scripts/DD_belatedPNG_0.0.8a-min.js" defer="defer"></script>
<script type="text/JavaScript" src="../../Scripts/DD_PNG_listing.js" defer="defer"></script>
<![endif]-->
No entanto, a correção do PNG não parece estar funcionando.Todos os PNG de 24 bits exibem o fundo cinza do IE6.
Comentários condicionais parecem estar funcionando para CSS:
<!--[if lte IE 8]>
<link rel="stylesheet" href="../../Content/styles/icis.dashboard.ie.css" type="text/css" media="screen, projection"/>
<![endif]-->
Meu arquivo de lista PNG é assim:
//------------------------------------------- set up string of CSS selectors
//---------- IMPORTANT: each line (*except the last*) must end with a comma
var listing = ''
listing += '.dark_overlay,'
listing += '#icis_dashboard #header h1,'
listing += '#icis_dashboard .widget,'
listing += '#icis_dashboard .widget .fly_out,'
listing += '#icis_dashboard .widget .inline_list li,'
listing += '#icis_dashboard .w_price_history .tabs li,'
listing += '#icis_dashboard .w_price_history .tabs li a,'
listing += '#icis_dashboard .w_price_history .tabs li a span,'
listing += '#icis_dashboard .ui-datepicker-trigger,'
listing += '#cboxLoadingOverlay,'
listing += '#cboxLoadingGraphic,'
listing += '#cboxClose,'
listing += '.cboxIE #cboxTopLeft,'
listing += '.cboxIE #cboxTopCenter,'
listing += '.cboxIE #cboxTopRight,'
listing += '.cboxIE #cboxBottomLeft,'
listing += '.cboxIE #cboxBottomCenter,'
listing += '.cboxIE #cboxBottomRight,'
listing += '.cboxIE #cboxMiddleLeft,'
listing += '.cboxIE #cboxMiddleRight,'
listing += '#dialog_head ul li,'
listing += '.jqTransformRadio,'
listing += '.jqTransformRadioWrapper a.jqTransformChecked,'
listing += 'a.jqTransformCheckbox,'
listing += 'span.jqTransformCheckboxWrapper a.jqTransformChecked,'
listing += '.jqTransformSelectWrapper,'
listing += '.jqTransformSelectWrapper a.jqTransformSelectOpen,'
listing += '#dialog_head ul li'
//------------------------------------------- call function
DD_belatedPNG.fix(listing)
Eu usaria o autônomo, mas não teria acesso ao registro para ativar comentários condicionais no IE6 autônomo.
Solução
Ah.
Isso ocorre porque estou em um ambiente .NET MVC e foi corrigido com isto:
<!--[if lt IE 7]>
<script type="text/JavaScript" src="<%= Url.Content("~") %>Scripts/DD_belatedPNG_0.0.8a-min.js" defer="defer"></script>
<script type="text/JavaScript" src="<%= Url.Content("~") %>Scripts/DD_PNG_listing.js" defer="defer"></script>
<![endif]-->
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow