Galleria& LightBox IE7& IE8 css问题

时间:2011-03-16 23:51:57

标签: jquery css internet-explorer-8 internet-explorer-7 galleria

我正在使用版本Galleria 1.2,我知道它有点过时了,我遇到了IE7和IE8的问题。 FireFox工作正常。我试图升级到1.2.2但遇到了其他问题,由于时间限制我将不得不处理。

问题是灯箱的背景会打开黑色而不是50%的不透明度。如果我第二次点击图像,灯箱会正确打开。

首先点击:

enter image description here

第二次点击:

enter image description here

我的代码:

<script type="text/javascript" src="~/content/js/galleria.js"></script>
<script type="text/javascript">Galleria.loadTheme('~/content/css/Galleria/galleria.classic.js');</script>


$('#imageGallery').galleria({ 
    debug: true,
    width: 300,
    height: 225,
    showInfo: false,
    showCounter: false,
    showImagenav: false,
    data_source: data,
    on_image: function(image, thumb) {
        var gallery = this;
        $(image).click( function() {
            gallery.openLightbox();

            });
            }

}); 

这是使用Fiddler的页面请求,它似乎显示正在加载的css文件:

enter image description here

如果我在加载组件之前自己加载css,我会得到:

enter image description here

我不确定如何修复它。

谢谢!

2 个答案:

答案 0 :(得分:0)

尝试在加载CSS后加载<script type="text/javascript" src="~/content/js/galleria.js"></script>

答案 1 :(得分:0)

升级到最新版本的Galleria解决了这个问题。但是,它引入了一些新的。 :(