2

私はワードプレスを使用しており、jQuery であると思われる「流星スライドショー」というプラグインを使用しました。ウィジェットをスライドショーの上に完全に配置しようとしていますが、正しく機能していません。

これは私のテンプレートコードです:

<div class="headersliderarea"> <!-- beginning of placing postitnote --> 
            <div style="clear:both;"><!-- start slideshow --></div><!-- end clearboth -->
<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
    <div class="postitnoteimagearea"><!-- postitnote widget -->
    <?php if ( !function_exists('dynamic_sidebar') || 
!dynamic_sidebar('PostItNote') ) : ?>
    <?php endif; ?>
</div><!-- end postitnote widget -->

    </div><!-- end placing postitnote -->

また、サイトをオンラインにしました: http://fortmovies.com/pestcon/

「テスト」と表示されているホームページを見ると、スライドショーの上に表示しようとしているウィジェットですが、表示されません。firebug を少しいじれば見えるようにできると思います。

しかし、それを sildeshow の上に表示する方法がわかりません.. テンプレートに挿入するために使用しているスライドショー php プラグインであるため、私の一部では不可能だと考えています... または、単純なコードが欠落している可能性があります?

4

2 に答える 2

3

絶対的に配置された要素は、相対、固定、または絶対のいずれかの定義された位置を持つ最も近い親要素を基準にして配置されます。したがって、この場合、スライドコンテナの位置を定義してから、カスタム要素をコンテナ内に配置する必要があります。

プラグインがテンプレートに挿入される場所の周りにコンテナdivをラップし、そのように要素を配置するか、スライドショープラグインによって提供される構造を使用することができます。

また、z-indexも忘れないでください。スライドショーコンテナに挿入すると、カスタム要素はリンクに干渉することなくgreatesz-index値を持つ必要があります。これは、重複する配置された要素を処理するときに注意が必要になる可能性があるため、機能させるときに、すべてのリンクとボタンが引き続きクリック可能であることを確認してください。

編集1 さて、まず最初に、.postitnoteimageareaのz-indexは99以上である必要があります。また、スライドショープラグインが正しく機能しているかどうかもわかりません。表示されていないようです。cssをいじっても、「非表示」の可視性を持つ画像が1つしか表示されていないようです。スライドショーはあなたのために働きますか？また、スライドショーに低いz-index値を指定して表示を調整するのではなく、スライドショーの前に必要な要素に大きいz-index値を指定するだけです。

于 2012-08-27T02:24:36.723 に答える
0

CSS。スライドショーのz-indexよりも高いz-indexをウィジェットdivに与える必要があります。z-indexは基本的にレイヤーレベルであるため、スライドショーのz-indexが1で、ウィジェットのz-indexが2の場合、2が1よりも優先され、最上位のレイヤーになります。

于 2012-08-27T02:25:53.797 に答える