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

Fancybox close button disapears when CSS and JS minified

本文关键字：Fancybox 关闭按钮 消失 小时 CSS JS 缩小      更新时间：2023-09-26

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

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

相关文章：