Javascript 当CSS和JS缩小时,Fancybox关闭按钮消失
我使用Yahoo YUI Compressor for.net缩小了我的css和js,出于某种原因,我的fancybox关闭按钮没有出现。如果我使用的是未缩小的css和js文件,那么它看起来还可以。你知道为什么会这样吗 这是我构建文件的相关部分Javascript 当CSS和JS缩小时,Fancybox关闭按钮消失,javascript,.net,css,fancybox,minify,Javascript,.net,Css,Fancybox,Minify,我使用Yahoo YUI Compressor for.net缩小了我的css和js,出于某种原因,我的fancybox关闭按钮没有出现。如果我使用的是未缩小的css和js文件,那么它看起来还可以。你知道为什么会这样吗 这是我构建文件的相关部分 <ItemGroup> <CssFiles Include="../src/UserInterface/Content/css/styles.css" /> <CssFiles Include="..
<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>
在jquery.fancybox-1.3.4.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; }
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
10次中有9次是img背景的路径问题。缩小后css中背景的相对路径是否仍然正确 关闭按钮在DOM中吗?如果不是,我们可以将其隔离为JS问题,如果是但渲染不正确,则可能是CSS问题。构建顺序是否与页面中的包含顺序相同?上述文件的顺序与非缩小模式中包含的文件的顺序完全相同。美化这两个文件(正常和缩小,然后用您选择的程序进行区分)。您将看到什么被吞食,并能够修复它。这似乎是一个路径问题。我将为您的js和css文件设置一个绝对路径。还要确保fancybox sprite
fancybox.png
位于fancybox css文件的同一目录下。如果问题与IE有关,请检查