0

Internet Explorer で日常的に問題に遭遇することは驚くことではありませんが、実際に Opera のようなブラウザーで問題を解決すると、椅子から飛び出してしまうようなものです。

Firefox、Chrome、および IE でほとんどのことが動作しました (fancybox がすべての IE 修正を緑色として検証していないという事実は別として、それはまた別の問題です)。

とにかく、私が理解できないように見える問題は、スクリーンショットで最もよく説明されています!

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

ホバーは機能しているようで、想定どおりに画像を照らします。しかし、他のブラウザーとは異なり、「フェードアウト」した画像が正しく表示されないようです。上記のように、画像の一部のみが表示されています。

Opera ユーザーは、hxxp:// www.patrikarvidsson.com/project/portfolioで Web ページを参照できます。

1日前に友人から報告されたように、これを自分で再現するために、今日の最新の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");
    });
});

リンクの 1 つの jQuery .load-code。

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

ギャラリー ページの 1 つへのリンク (リストで囲まれています)。

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

サムの 1 つの 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

display:inlineホバーにOperaをインストールしていません。サムネイルを含むボックスを使用しているため、問題が発生していると確信しています。試す：

.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 に答える
0

パトリック、

これはあなたの質問の核心ではありません (そして、私たちが分析できるコードをあなたが提示するまで、私はそれへの回答を差し控えます) が、IE を使用するときはライトボックス プラグインに注意してください。ページに大量の画像がある場合、非常に奇妙な動作をします (つまり、[しゃれは意図されていません] ブラウザ全体の実行が停止し、すべての画像が読み込まれるまでオペレーティング システムの速度が低下します)。この問題に対する私の解決策は、ここにある colorbox プラグインを使用することでした。

http://colorpowered.com/colorbox/

IEで完全に動作することを除けば、ライトボックスと同じくらいきびきびしていると思います。

于 2010-09-27T17:12:28.170 に答える