2012-04-10 9 views
1

jQueryサイクルプラグインをスライドショーに使用しています。IE7(IE6では問題ありません)を除き、すべてのブラウザでナビゲーションが表示されます。ここでIE7でJqueryサイクルのナビゲーションが表示されない

http://jsfiddle.net/WVGS3/11/例である(当然、IE7上でそれを見て)

私はIE7上でそれを見てみると、ナビゲーションが消えます。あたかも空の.slide_nav divが好きではないかのように。 .slide_nav div内にテキストを入力すると、書き込んだテキストと一緒にナビゲーションが表示されます。

ここで例http://jsfiddle.net/WVGS3/12/

私はspan要素内のテキストを配置し、text-indent:-9999pxを設定するが、それはすべてが消えます。私はdisplay:nonedisplay:hiddenを使用しましたが、それらは奇妙に動作します。

おそらく私は何かが不足しています。

ここで動作するものは誰でも知っていますか?私はposition:relativez-index:1000zoom:1を親要素と子要素に使用しようとしましたが、何も機能しません。

希望者が助けてくれることを願っています。ありがとう!

答えて

2

あなたは次にあなたがIE7、exampleでテスト

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollLeft', 
     pager: ".slide_nav" 
    }); 
    // Re align 
    var ml=parseInt($('.slide_nav').css('margin-left')); 
    $('.slide_nav').css('margin-left',(ml-5)+'px'); 

});​ 

を使用することができる唯一のIEのhasLayout

<div class="slide_nav">&nbsp;</div> 

ために、次のようにdiv内の少なくとも一つの&nbsp;を配置する必要があります。適切ではないかもしれないが、問題を解決する。

+0

ありがとうございましたSheikh!それは間違いなく働いた。適切かどうか、それは私のために働く。だからここで何が起こるかを簡単に教えてください。 divを表示してjqueryを使ってslide_navを後ろに動かすためにブレークを追加していますか? – bjornio

+0

hasLayoutリンクのヘッドアップにも感謝します! – bjornio

+0

ありがとうございました。私はちょうど '  non-breakable space'を追加しました。そしてそれは5pxの空きスペースを増やすので、私は余白の-5pxで要素を再整列します。 –

関連する問題