のzインデックスの問題 - 親の兄弟

以上の位置決め子は、私は以下のthis screenshotのような状況を持っていますが、私が欲しいのはAの後ろにBとである - トリッキーな部分 - A.オーバーのzインデックスの問題 - 親の兄弟

enter image description here

どうすればいいですか？

どうもありがとうございました - エリック。

2011-07-28 Eric

スクリーンショットが役に立ちますが、一部のHTMLはさらに改善されるはずです...しかし、スクリーンショットからしか、私はbのz-indexを2または3に上げることを提案します。

アップデート：A：z-index:2、position:absoluteまたはfixed、B：z-index:1、position:static、B：z-index:5、position:relative、absolute、またはfixed私はそれが次の設定で動作させることができました。

出典

2011-07-28 17:21:13

こんにちはAndrew、ご意見ありがとうございます。この例はhttp://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.aspのツールに基づいています残念ながら内部要素のZ-インデックスを変更することは役立ちません。 – Eric

@エリック私は以下の設定で動作させることができました：A： 'z-index：2'、' 'position：絶対または固定' '、' 'Z-index：1''、' position： 'z-index：5'、' position：相対、絶対、または固定 ' –

ただソースコードを見ていたし、それは完全な混乱です。これは、Yahooが自動生成されたページのCSSやJavaScriptのように見え、そのAPIを使用し、CSSは、実際に直接そうように、HTMLにインラインCSSを使ってJavaScriptで実装されています。

<canvas id="fillAreaA" style="z-index: {javascript variable}" width="300" height="500" />

がありますおそらくそれの上にもテキストがありますが、要するに、あなた自身のページでそれを自分で実装しても問題はありません。

EDIT：私はこれを数ヶ月後に見ていて、私がどれほど馬鹿だと信じられません。私は今、JSがYUIライブラリから来たことを知っています。私はアンドリューの解決策に従う。

出典

2011-07-28 18:25:25 Edwin

のzインデックスの問題 - 親の兄弟

答えて

関連する問題