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.

Foi útil?

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
scroll top