Domanda

Sto usando la seguente correzione PNG per IE6 ma non sembra funzionare per me:

http://www.dillerdesign.com/experiment/dd_belatapng/

.

Stava lavorando in precedenza ma non sono sicuro di cosa sto facendo male.

Sto lavorando in un ambiente .NET e tutto il mio JS è referenziato come:

<%= 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]--> 
.

Tuttavia la correzione PNG non sembra funzionare.Tutti i PNG a 24 bit stanno esibendo lo sfondo grigio IE6.

I commenti condizionali sembrano lavorare per CSS però:

<!--[if lte IE 8]>
    <link rel="stylesheet" href="../../Content/styles/icis.dashboard.ie.css" type="text/css" media="screen, projection"/>
<![endif]-->
.

Il mio file di elenco PNG è come questo:

//------------------------------------------- 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)
.

Utilizzerei la Standalone ma non avrei accesso del registro per attivare commenti condizionali per l'IE6 standalone.

È stato utile?

Soluzione

ah.

Questo perché sono in un ambiente MVC .NET ed è stato risolto con questo:

<!--[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]-->  
.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top