2012-03-02 110 views
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'); } 
+0

DOM中的關閉按鈕?如果沒有,我們可以將它隔離爲一個JS問題,如果它不是正確渲染,那麼它可能是一個CSS問題。 – Jacob 2012-03-02 18:05:04

+0

構建順序與頁面包含順序相同嗎? – Alexander 2012-03-02 18:10:26

+0

這些上述文件與文件包含在非縮小模式中的順序完全相同。 – 2012-03-02 18:16:29

回答

0

9次了10年,這是一個路徑問題的IMG背景。縮小後,CSS中背景的相對路徑是否仍然正確?