top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
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コメント
There are two ways while embed a flash clips into HTML file.
1.Using <object> + <embed>
make sure the bold parameter in your file.
<object>
...
<param name="wmode" value="Opaque">
...
</object>

2.Using AC_RunActiveContent.js
make sure wmode is set to 'Opaque'
'wmode', 'Opaque'
【2009/12/18 16:07】 | yu #- | [edit]
hello yu.
Thank you very much for your comment.
i can not write engish very well.
というわけで、日本語でお礼。
この頁に外国の方がコメントくれるとは。
コメントいただけた、ということは、
日本語、お読みいただけるのかな?

ありがとうございます。
本件、
 ・var so = new SWFObject
  ・・・・・
  so.write("gremz");
  で指示されている、「グレムス」パーツは
 お教えのとおりで、うまくゆきました。
でも
 ・script type="text/javascript" charset="UTF-8" src="
 と、先方のJSを呼ぶものは、こちらでは
 いたし方ないようで。

しかしまた知識がひとつ増えました。
深く感謝します。

Thank you.
【2009/12/18 16:57】 | metaboy #- | [edit]
I'm sorry it's a great pity that i could not express what i want to say in Japanese though I've studied Japanese for more than 2years.
As what i said in previous comment,it seems that the flash file
will be loaded by js file which depends on other site,with variable
ad flash file .That's to say ,it is difficult to edit or change the property setting like changing wmode to opaque which is just what we need.faint......
But,maybe we can use the file address directly rather than
indirectly in js,so,I considered that we can treat the file address
in js as what you did with gremz:



Replace <script type="text/javascript" charset="UTF-8" src="http://www.ekokoro.jp/blogtool/blogtool-nouser_9e19b42e69f31ae5aa4a2787d461b115_mt.js">
</script>

with

<div id="gremz1">
<script type="text/javascript">
var so = new SWFObject("http://www.ekokoro.jp/blogtool/swf/mt/clickbokin-nouser.swf", "gremz1", "148", "262", "9", "#ffffff");
so.addParam("menu", "false");
so.addParam("wmode", "Opaque");
so.write("gremz1");
</script>
</div>




Replace

<script type="text/javascript" charset="UTF-8" src="http://www.ekokoro.jp/blogtool/blogtool_39f2c1a498fe13b977e8decfc92b71b1.js"></script>

with

<div id="gremz2">
<script type="text/javascript">
var so = new SWFObject("http://www.ekokoro.jp/blogtool/swf/skin_002/clickbokin.swf", "gremz2", "148", "361", "9", "#ffffff");
so.addParam("menu", "false");
so.addParam("wmode", "Opaque");
so.write("gremz2");
</script>
</div>



It works well using MF,Chrome and IE7,But I'm afraid that you have to change the source file whenever the js file changed that referred to before. I have no idea what shall i do to make it,cause i am a fresh in web.so faint...
Hope that it is helpful to you.


日本語とウェブサイトの初心者です。色々わからないところありまして、間違えをしたり、誤解したりして、必ず教えてください。



【2009/12/21 16:20】 | yu #- | [edit]
Thank you for your very nice flexible idea!
In Japanese ...

そうか! そうだよね。書き直せばいいんだ。
ほんと柔らかい発想。単純なことだけど、
頭、まわらなかった。
これで何か怒られたら、きちんと説明すればいいんだ。
ありがとうございます!

日本語の勉強されてるんですね。
今後ともよろしくお願いいたします。

Thank you!!
【2009/12/21 16:54】 | metaboy #- | [edit]
I was no use.

残念!
やはりだめだった。詳しくは、
こちらに > http://metaboy.blog23.fc2.com/blog-entry-1193.html

Thank you.
【2009/12/21 17:45】 | metaboy #- | [edit]
comment_post












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

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。