Question

我的网站正在开发中，除IE10外，所有浏览器似乎都很花哨。：

出于某种原因，由Jquery提供动力的菜单栏和照片库都不起作用。

这是我的代码：

<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="jQuery Sliding Flexible Menu v2/deploy/js/jquery.sliding-flexible-menu-v2.js"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="jQuery Sliding Flexible Menu v2/deploy/css/sliding-flexible-menu-v2.css">

<script type="text/javascript">
$(document).ready(function() {
    //Horizontal
    $("div.menu-horizontal").slidingFlexibleMenuv2({
             buttonSpacing: '1'
    });
    $(".fancybox").fancybox(
                {

                                    transitionIn  : 'elastic',
transitionOut : 'elastic',
easingIn      : 'easeOutBack',
easingOut     : 'easeInBack',
speedIn       : '650',
speedOut      : '650',
changeSpeed   : '650',
                                    padding : '0px',
    });
});
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{ Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
</script>

<script type="text/javascript" src="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.pack.js"></scr ipt>
<link type="text/css" rel="stylesheet" href="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.css">`

任何人都知道为什么这个在IE工作？

这里的完整网站

http://www.heggie5.webspace.virginmedia.com

干杯

Answer 1

这个问题有两种解决方案：

按原样放置fancybox css / images（由fancybox下载提供）并将fancybox文件夹放在应用程序根目录中
1. 修改jquery.fancybox-1.3.x.css 1.寻找评论/ * IE * / 2.更改所有类的DXImageTransform.Microsoft.AlphaImageLoader过滤器的src

请注意，在我看来，方法1更好，因为如果你对fancybox css文件进行更改，那么升级会很困难。

Jquery菜单和照片库不在IE中工作

1 个答案: