2010-11-19 17 views
0

開発中のWordpressサイトで人気のあるjFlowコンテンツスライダーを使用しています。私はCSSを使って見たいものを得ることができましたが、現在アクティブではない投稿を隠すためにサムネイル画像に関する投稿のテキストを表示するbannercontent divを取得できません。混乱しますが、http://www.thurstonenergy.org/wordpress/を見ると、私の言いたいことが分かります。誰でもこのスクリプトを使用し、同様の問題がありますか?jQuery "jFlow"スクリプトと位置付け

答えて

0

要素にZ-インデックスを割り当ててみてください。 Firebugで私のために働いた:

.jFlow { 
position:relative; 
z-index:100; 

.bannercontent { 
position:absolute; 
z-index:50;} 

うまくいけばそれはあなたのためのトリックを行います。私が言及したように、私はそれを迅速にテストし、そのトリックを行うように見えました。

+0

ご協力いただきありがとうございます。ジョンさん、ありがとうございます。私はz-indexを追加しようとしましたが、追加する前にすでに正しく位置付けられていました。問題は.bannercontent ...私はアクティブなものがスクロールするので、右に他のスライド情報を見続けます。彼らは一度に1つだけを表示することになっています。 – drew

+0

firebugはこれらの要素に奇妙なZ-インデックスを表示していませんでした。私はそれを追加したときに問題を解決しました。奇妙な。がんばろう! – John

1

一度に1つの画像しか表示されないように、オーバーフロー:隠しを使用する必要があるように聞こえます。次に、画像の周りのdivを1つの画像の高さ/幅だけにします。希望は意味をなさない。