0

并不是说您在使用 Internet Explorer 时遇到日常问题并不令人惊讶，但是当您实际使用像 Opera 这样的浏览器时 - 它有点让您从椅子上摔下来。

我得到了大多数使用 Firefox、Chrome 和 IE 的东西（除了 fancybox 没有将所有 IE 修复验证为绿色的事实，但这是另一个问题）。

无论如何，我似乎无法弄清楚的问题最好用截图来描述！

http://patrikarvidsson.com/stuff/operaissue.jpg

悬停似乎可以工作，就像它应该做的那样点亮图像。但它似乎没有像在其他浏览器中那样正确显示“淡出”的图像。如上所示，仅显示了部分图像。

Opera 用户可以在 hxxp://www.patrikarvidsson.com/project/portfolio 上查看网页

我今天安装了最新的 Opera 来为自己重新创建它，正如一天前一位朋友所报告的那样。

// LiveQuery for Fade-Effect

$(".thumb").livequery(function(){ 
$(".thumb").css("opacity","0.6");
    $(".thumb").hover(function () {
        $(this).stop().animate({
           opacity: 1.0
        }, "fast");
},
 function () {
    $(this).stop().animate({
        opacity: 0.6
        }, "fast");
    });
});

链接之一的 jQuery .load 代码；

    $("a.dartLink").click(function(){
    $('div#content').load("content/digitalart.php");
    return false;
});

画廊页面之一的链接（由列表包围）；

    <a href="index.php?l=digitalart" class="dartLink gallery"><span>Digital Illustrations</span></a>

其中一个拇指的 HTML；

<div class="thumbbox">
<a rel="digitalart" href="thumblink.jpg" class="thumb" title="Astralis"><img src="images/thumbs/AstralisSmall.jpg" alt="" /></a></div>

然而，再想一想，这可能与 jQuery 无关。我添加了 CSS 标签以防万一。虽然我仍然不知道是什么原因造成的。不幸的是，由于我编辑了这篇文章，图像和超链接限制再次适用，因为我是新用户。

编辑了帖子。我想我现在设法包含了所需的代码。

4

2 回答 2

0

帕特里克，

这不是您问题的核心（在您提供一些我们可以分析的代码之前，我将不回答该问题），但在使用 IE 时要小心灯箱插件。当页面上有很多图像时，它的行为非常奇怪（即[没有双关语]，它会停止整个浏览器的执行，甚至会减慢操作系统的速度，直到所有图像都加载完毕）。我对这个问题的解决方案是使用 colorbox 插件，你可以在这里找到：

http://colorpowered.com/colorbox/

我发现它和灯箱一样活泼，除了它在 IE 中完美运行。

于 2010-09-27T17:12:28.170 回答
0

我没有安装歌剧悬停我非常有信心您的问题是因为您正在使用display:inline包含缩略图的框。尝试：

.thumbbox {
display: inline-block;
padding: 0px;
}

Opera 只是将图像裁剪为容器的大小（我使用 chrome 开发工具来验证）。对于 IE6 和 7，您需要将显示设置为内联并应用min-height:1%或zoom:1破解以获得相同的效果。或者，您可以浮动这些 div，这将需要额外的安全防护以确保正确包含它们。

希望有帮助！

编辑

此外，可能需要将<a />和<span />下的标签设置为，因为它们都是内联元素。<div class="thumbbox" />display:block

于 2010-12-19T21:03:36.730 回答