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