Question

我使用Yahoo YUI Compressor for .net来缩小我的css和js，由于某些原因我的fancybox关闭按钮没有出现。如果我使用非缩小的css和js文件，那么它似乎没问题。有什么想法可能会发生这种情况吗？

这是构建文件的相关部分

<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'); }

Answer 1

10次中的9次，这是图像背景的路径问题。缩小后，css中背景的相对路径是否仍然正确？

当CSS和JS缩小时，Fancybox关闭按钮消失

1 个答案: