3
我已經使用Yahoo YUI Compressor for .net來縮小我的css和js,由於某種原因,我的fancybox關閉按鈕沒有出現。如果我使用非縮小的css和js文件,那麼它看起來沒問題。任何想法,爲什麼這可能會發生?當CSS和JS縮小時Fancybox關閉按鈕消失
這是我的構建文件
<ItemGroup>
<CssFiles Include="../src/UserInterface/Content/css/styles.css" />
<CssFiles Include="../src/UserInterface/Content/css/mcfcStyle.css" />
<CssFiles Include="../src/UserInterface/Content/js/fancybox/jquery.fancybox-1.3.4.css"/>
<JavaScriptFiles Include="../src/UserInterface/Scripts/jquery-1.6.4.min.js">
<CompressionType>None</CompressionType>
</JavaScriptFiles >
<JavaScriptFiles Include="../src/UserInterface/Scripts/jquery.cycle.all.latest.min.js">
<CompressionType>None</CompressionType>
</JavaScriptFiles >
<JavaScriptFiles Include="../src/UserInterface/Scripts/jquery.countdown.min.js">
<CompressionType>None</CompressionType>
</JavaScriptFiles >
<JavaScriptFiles Include="../src/UserInterface/Scripts/jquery.carouFredSel-5.5.0-packed.js"/>
<JavaScriptFiles Include="../src/UserInterface/Scripts/jquery.tipsy.js"/>
<JavaScriptFiles Include="../src/UserInterface/Scripts/script.js"/>
<JavaScriptFiles Include="../src/UserInterface/Content/js/fancybox/jquery.fancybox-1.3.4.pack.js"/>
</ItemGroup>
通過我們今天部署方式的初步認識一部分,所以我需要一個修復。
Styles.css中我有
.close-history { display:block; width:30px; height:30px; background: url(../js/fancybox/fancy_close.png) no-repeat; text-indent: -999em; position:absolute; top:-15px; right:-15px; }
在jquery.fancybox-1.3.4.css我
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
DOM中的關閉按鈕?如果沒有,我們可以將它隔離爲一個JS問題,如果它不是正確渲染,那麼它可能是一個CSS問題。 – Jacob 2012-03-02 18:05:04
構建順序與頁面包含順序相同嗎? – Alexander 2012-03-02 18:10:26
這些上述文件與文件包含在非縮小模式中的順序完全相同。 – 2012-03-02 18:16:29