z-indexやれやれ:z-indexは、FLASHものには効かないことがあるそうな。解決策は見つからず ・・・ 【既知の問題:未解決】
どうしても解決できないこと。
結構忘れてしまうんですねぇ。
歳かなぁ・・
さて、と。そういう要件も記録しておくか。
・誰か教えてくれるかもしれないし・・・甘い!
・いつか笑い話になるかもしれぬし・・・いつ?
・解決するヒントに出くわすかもしれない。
まずは・・・
【現在:未解決】
・ブログパーツなど貼ったときに
・対象がFLASHなどの場合
>CSSの z-indexプロパティが効かず
固定したヘッダーの上に流れてしまう。

追記に ▼
※ところで、こちらは・・・

※あれ?おかしいなぁ。今日は
どこから見ても「文化の日」
Googleロゴが変わらないとは・・・
************************************************
◎ FLASHなどの場合、z-indexプロパティが効かない
:既知の問題:未解決
************************************************
このブログで 試しに実装している「ヘッダー固定」
さして利用している方は少ないだろうとは思っているが
なんとなく、未だに利用。
をクリックしてヘッダーを固定するものだが、前に
・ヘッドを固定:擬似フレームを組み込む ・・・ 【CSS】
として投稿し、
すでに
・ヘッド固定は、やっぱオプションだよなぁ ・・・ 【CSS/JavaScript】
として現象は記録しているのだが。
未だ 未解決。
気になってたので、少し探る。
■現状
□header部分の CSSには、
・いろいろ数値を上げて、セット試行錯誤
#headerarea{
z-index:99;
}document.getElementById('headerarea').style.position='fixed';詳しくは、当時の記事。
・Firefox では、

となるが、(たまにタイミングでそうならない事も多し)
・Chrome では

"Ads by Google" の下には潜り込むけど・・・
・Safari や

・Opera 共に

全く効かず。
・ie6 に関してみれば

まったく動作しない。(IETester)
じゃぁ、やめれば・・・ とも言えるが。(言える)
なんか 宿題としておいて置きたくて、
利用している方もそうはいないだろうという 安易な予想で
そのままにしている。
■CSS:z-index のどうだこうだ
□ヘッダー固定クリックされたときに
document.getElementById('headerarea').style.zindex=999;※ちなみに、この構文でz-index を指定する際は、zindex。
□こちらが駄目ならあちら
ブログパーツ貼っているボックスに
<div id="gremz" class='zindex_1'>
.zindex_1{ z-index:-1; } ■要素を調べると

・gremzさん側で、z-index:auto; にしていることか?
・・・などとも思ったが、
■ブログで示唆
・z-indexを有効にしてFlashの上にプルダウンメニューを表示する
なんて記事を見ると、
「Flashなどを貼り付ける際に使うobjectタグやembedタグには
通常状態だとz-indexが効かないようです。」(引用転載)
ということで、
・<param name="wmode" value="transparent" /> や
・<embed ・・・ wmode="transparent"/> が必要、とな。
どちらにしても、あちら側の問題かぁ。
ギブアップ。






