IE7让Galleria Fullscreen用点导航做有趣的事情答案

【问题标题】：IE7 making Galleria Fullscreen do funny things with dots navigationIE7让Galleria Fullscreen用点导航做有趣的事情
【发布时间】：2010-08-21 19:58:16
【问题描述】：

我的 Galleria 画廊似乎在任何地方都可以使用，除了 IE7。我已经修改了代码以使其符合设计师的愿景，但是，我最终在 IE7 的画廊顶部得到了一个奇怪的空间和一些点。我已经尽一切努力让它消失，同时允许导航功能。

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

这是我存储实时站点的现象的示例：

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

感谢您的宝贵时间！

【问题讨论】：

您是在 IE 7.0.6 中查看它吗？

标签： jquery css navigation gallery galleria

【解决方案1】：

尝试改变

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

到

ul#galnav {
list-style:none
}

应该这样做:)

编辑

在 cmets 之后添加：

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

是的，所以仅仅改变列表样式是行不通的，因为 IE7 实际上并没有在加载时将样式应用于该 ul。它似乎有效，因为我在加载后编辑了 ul 的样式（任何样式）。但是，您必须等到所有图像都加载完毕，这很棘手。

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

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

这几乎是您想要的最肮脏的修复！ :)

【讨论】：

嗯，毕竟这可能行不通。认为它可能通过开发人员工具起作用，因为它迫使 IE7 正确解释样式......一个快速而肮脏的解决方法是使用 js 添加一个额外的样式来强制相同的行为......
@Ken - 我相信它是 IE 7.0.6，但可以重新确认是否有帮助？当然是客户发现了问题！ :( @lnrbob - 我会尝试你建议的更改列表样式的解决方案。我为肮脏的修复而生活 - 请你解释一下“使用 js 添加额外的样式来强制相同的行为”是什么意思（对不起，很新到这个）
lnrbob - 我将在今天的工作中尝试它，并在今晚在 Explorer 上测试它。我不敢相信你已经为此工作了很多年（我知道我在这件事上花了好几天的时间）......你真是太慷慨了！非常非常感谢您为我所做的努力。我会在测试结果后立即回来。再次感谢你。为肮脏的修复万岁！ :)
嗨 - 只是想提供更新。试过了，好像不能在IE7中加载。我只使用 browsershots 对其进行了测试-但它们似乎都带有加载图像。我可能会在未来几天下载 IE7 并实时使用它。但我非常感谢你的帮助，lnrbob。它实际上可能实时工作。我会及时通知您（并且会及时通知您！）。
Groovy，感谢更新！如果您正在获取加载图像但没有看到列表项样式，那么我怀疑它正在工作。如果你有 IE8，你可以使用开发者工具来启用 IE7 模式（不同于兼容模式），这是非常准确的。祝你好运！

【解决方案2】：

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

edit 删除了大部分答案。我认为这与您的脚本标签所在的位置有关 - 我将其放在文档的末尾，它看起来可以正常工作。不幸的是，它似乎只是减少了问题的频率。我还注意到，如果您在其中使用标签，则不会出现问题。即使样式标签为空。非常非常奇怪。

顺便说一句：似乎也不是 !DOCTYPE

【讨论】：