Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当CSS和JS缩小时,Fancybox关闭按钮消失_Javascript_.net_Css_Fancybox_Minify - Fatal编程技术网

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

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="..

我使用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>
在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有关,请检查