0

スレッドのタイトルによると、IE 7/8 でサムネイルにカーソルを合わせるとちらつくという小さな問題があります。私のコードは次のとおりです： -

function activateThumbnails(intThumbActiveOp, intThumbInActiveOp, intFadeTime,     strThumbClass)
{
    //Hide image title
    jQuery("a " + strThumbClass).attr('title', '');

    //Bind effect to post thumbnails..
    jQuery(window).bind("load", function() {
        var activeOpacity   = intThumbActiveOp,
            inactiveOpacity = intThumbInActiveOp,
            fadeTime = intFadeTime,
            clickedClass = "selected",
            thumbs = strThumbClass;

        jQuery(thumbs).fadeTo(1, inactiveOpacity);

        //Animate thumbnail on hover event..
        jQuery(thumbs).hover(
            function(){
                //Fade into thumbnail..
                jQuery(this).fadeTo(fadeTime, activeOpacity, function(){
                    //Display Preview Body once faded in
                    intId = jQuery(this).closest('div').attr('id'); //Get parent DIV ID
                    jQuery('#previewId' + intId.substr(6)).show();
                });
            },
            function(){
                // Only fade out if the user hasn't clicked the thumb
                if(!jQuery(this).hasClass(clickedClass)) 
                {
                    //Fade out of thumbnail..
                    jQuery(this).fadeTo(fadeTime, inactiveOpacity, function(){
                        //Hide Preview Body once faded out
                        intId = jQuery(this).closest('div').attr('id'); //Get parent DIV ID
                        jQuery('#previewId' + intId.substr(6)).hide();
                    });
                }
            });

        jQuery(thumbs).click(function() {
             // Remove selected class from any elements other than this
             var previous = jQuery(thumbs + '.' + clickedClass).eq();
             var clicked = jQuery(this);
             if(clicked !== previous) 
             {
                 previous.removeClass(clickedClass);
             }
             clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
         });
    });
 }

ホバー画像の上にプレビュー テキストを配置していることに注意してください。IE 7/8 でのみちらつきが発生するのは、カーソルがプレビュー テキスト (画像自体ではなく) の上にあるときです。これは、テキスト オーバーレイがなければ問題が発生しないという事実によって示されます。

締め切りが迫っているので、どんな助けも本当にありがたいです

よろしくお願いいたします。

psここに私のマークアップがあります：

 <div id="postId" class="postContainer">
 <!-- Post Preview canvas -->
<div id="previewId" class='postPreview'>
    <!-- Post preview Title -->
    <div class="previewTitle">
        some title
    </div>
    <!-- Post preview Body -->
    <div class="previewBody">
        some text body
    </div>
</div>
<a href="#"> 
    some thumbnail
</a>
</div>
4

2 に答える 2

0

通常、ちらつきは、ホバー状態でマウスの下から移動するキャラクターにホバーを合わせると発生します。IE の不思議なトリックは、文字間の「背景」は文字としてカウントされないということです。実際には文字でなければなりません。ホバーを、このテキストを含む div に配線し、ホバー状態で移動したり、隠れたりしないようにすることを検討してください。

于 2012-05-24T16:17:57.703 に答える