IE7制作Galleria Fullscreen用点导航做有趣的事情

Question

除了IE7之外，我的Galleria画廊似乎无处不在。我已经破解了代码以使其符合设计师的愿景，但是，我最终得到了一个奇怪的空间和IE7中画廊顶部的一些点。我已经尝试了一切，让它消失，同时允许导航功能。

想知道是否有聪明的人可以查看代码并提供一些建议？

以下是我存储实时网站的现象示例：

http://www.sheadavidsky.com/manu/ethan-allen.html

感谢您的时间！

Answer 1

尝试更改

ul#galnav {
list-style-type:none;
}

到

ul#galnav {
list-style:none
}

应该这样做：）

修改

评论后补充：

我的测试发现这个问题只是在IE7浏览器模式下使用IE8（通过开发人员工具）。我不确定这个版本的版本......

正确所以只更改列表样式将无法正常工作，因为IE7实际上并没有在加载时将样式应用于该ul。它似乎工作，因为我在加载后编辑了ul的样式（任何样式）。但是，您必须等到所有图像都完成加载才会变得棘手。

在我的另一个答案中，我提到了如果你有一个空样式标签它是如何工作的。我一直在摆弄多年，这不是唯一没有破坏的东西。试试这个，看看它是否适合你：

$(document).ready(function() {
    if ($.browser.msie && navigator.userAgent.indexOf('Trident')== -1){
        $('head').append('<style></style>');
    }  
    $('#gallery').galleria();
}); 

这就像你想要的那样脏了！ ：）

Answer 2

另一个答案，因为它与我的第一个完全不同：

修改删除了大部分答案。我认为这与你的脚本标签的位置有关 - 我把它放在我的文档的末尾，它看起来是有效的。不幸的是，它似乎只是减少了问题的频率。我也注意到，如果你使用标签，你就不会遇到问题。即使样式标记为空。这非常非常奇怪。

btw：似乎不是！DOCTYPE