top



総投稿数 本 
no_1143

z-indexやれやれ:z-indexは、FLASHものには効かないことがあるそうな。解決策は見つからず ・・・ 【既知の問題:未解決】

 2009-11-03
 なんか問題や課題があって、あれやこれややっても
 どうしても解決できないこと
 結構忘れてしまうんですねぇ。
 歳かなぁ・・

 さて、と。そういう要件も記録しておくか。
 ・誰か教えてくれるかもしれないし・・・甘い!
 ・いつか笑い話になるかもしれぬし・・・いつ?
 ・解決するヒントに出くわすかもしれない。


 まずは・・・


現在:未解決
□ヘッダー固定したのだが、
 ・ブログパーツなど貼ったときに
  ・対象がFLASHなどの場合
   >CSSの z-indexプロパティが効かず
    固定したヘッダーの上に流れてしまう。
 固定したヘッダーの上に流れてしまう

  追記に ▼


 ※ところで、こちらは・・・
◇今日のGoogle(2009/11/03)
今日のGoogle(2009/11/03)
※あれ?おかしいなぁ。今日は
 どこから見ても「文化の日
 Googleロゴが変わらないとは・・・

FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ FLASHなどの場合、z-indexプロパティが効かない
 :既知の問題:未解決

************************************************


 このブログで 試しに実装している「ヘッダー固定
 さして利用している方は少ないだろうとは思っているが
 なんとなく、未だに利用。
 固定したヘッダーの上に流れてしまう をクリックして
 ヘッダーを固定するものだが、前に
 ・ヘッドを固定:擬似フレームを組み込む ・・・ 【CSS】
  として投稿し、
  すでに
 ・ヘッド固定は、やっぱオプションだよなぁ ・・・ 【CSS/JavaScript】
  として現象は記録しているのだが。

  未だ 未解決。


  気になってたので、少し探る。


 ■現状


  □header部分の CSSには、
   ・いろいろ数値を上げて、セット試行錯誤
#headerarea{
z-index:99;
}
   固定クリックされると、javaScriptで、
document.getElementById('headerarea').style.position='fixed';
 としてるのだけれど
   詳しくは、当時の記事。

   ・Firefox では、
    たまにタイミングでそうならない事も多し
    となるが、(たまにタイミングでそうならない事も多し)
   ・Chrome では
    'Ads by Google' の下には潜り込むけど・・・
     "Ads by Google" の下には潜り込むけど・・・
   ・Safari や
    Safari
   ・Opera 共に
    Opera
    全く効かず。
   ・ie6 に関してみれば
    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"/> が必要、とな。


  どちらにしても、あちら側の問題かぁ。


  ギブアップ。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1143-2b8476ec
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

正当なHTMLです! 正当なCSSです!

創るmetaboy - WEB創る、サイト創る、何創る -
metaboy つぶやき:twitter
すみません。禁煙カウンタ修復中・・・

 

創ったmetaboy
カテゴリー

 

リンク集

 

ブロとも申請フォーム
月別アーカイブ
 

 

参加しています

スカウター : 創るmetaboy
track feed


SEO対策:プログラミング
SEO対策:WEBサイト
SEO対策:ホームページ
SEO対策:
SEO対策:WEBサービス


Powered By イーココロ!

グリーンブログ ブログで止める温暖化

 

サイトマップ と 関連記事
サイトマップ(全ての記事)
を表示する

▼関連記事(5件まで):
読み込み中...

 

Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
使えるねっとのVPS(仮想専用サーバー)月2480円〜 使えるねっと
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン
レンタルサーバーなら使えるねっと

 

ツール その2






 

時間あります?