1

スライドショーに jQuery Cycle Plugin を使用していますが、IE7 (および IE6 を除く) を除く、テストしたすべてのブラウザーでナビゲーションが表示されますが、それについては心配していません。

ここに例がありますhttp://jsfiddle.net/WVGS3/11/ (明らかにIE7で見てください)

IE7で見るとナビゲーションが消えます。.slide_nav空のdivが気に入らないかのように。div内にテキストを入力すると、入力した.slide_navテキストと共にナビゲーションが表示されます。

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

テキストをスパン要素とセット内に配置しましたtext-indent:-9999pxが、すべてが消えてしまいます。andを使用display:nonedisplay:hiddenましたが、奇妙な動作をします。

おそらく私は何かが欠けています。

ここで機能するものを知っている人はいますか?親要素と子要素で , , を使用しようとしましたが、何も機能しposition:relativeませz-index:1000ん....zoom:1

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

4

1 に答える 1

2

IEのhasLayoutの場合のみ、次のように少なくとも1つ を内部に配置する必要がありますdiv

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

その後、あなたは使用することができます

$(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');

});​

IE7でテスト済み、。適切ではないかもしれませんが、問題は解決します。

于 2012-04-10T21:09:36.217 に答える