2012-03-02 71 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中背景的相对路径是否仍然正确?