スクリプト同士の手前に表示される優先順位を変えたい

質問

お世話になります

ブログで、オンマウスでメニューが表示されるスクリプトがテンプレートで入っておりそちらに変更しました。
しかし、動画を記事に載せた時に、動画の下にメニューが隠れて表示されてしまいます。

スクリプトの優先順位を示すタグなどはあるのでしょうか？
出来れば動画の下に隠れることなく、メニューが一番手前に表示されるようにしたいです。

その場合、メニュー側のブログのＨＴＭＬまたはＣＳＳで変更可能でしょうか。
宜しくお願い致します

回答No.5

askaaska

> 他に方法はないものでしょうか
わからないわ。
結局実物がどんな実装なのかわからないという1点が
これ以上の思考の妨げなのよ。

その方法で上手くいかないってことは
何かが邪魔しているのか
そもそも何か考え方が間違っているのか。

発想の転換だけど
いっそメニューにonmouseoverしたら
動画をdisplay:hiddenしてしまうのはどお？

私が今言えるのはこの程度ね。

お礼

ご丁寧に有難うございました＾＾
もう少し勉強してがんばってみます！

回答No.4

askaaska

> メニューのＣＳＳの部分はどこに
メニューを表現しているところよ。
場所が分からなければ

<div class="menuarea">
メニューのHTMLとかあるとこ
</div>

と囲って
menuareaに対し行えばいいわ。

補足

有難うございます。
上記の通りにしましたが、やはり動画の下にメニューがまわりこんでしまいます・・・

記事の部分を、object形式にしてみましたがそれも無理でした＞＜
他に方法はないものでしょうか

回答No.3

askaaska

実物を見ないと最終的にはわからないけど
<script language="JavaScript" type="text/JavaScript" src="動画のアドレス"></script>
の部分を
<div class="douga">
<script language="JavaScript" type="text/JavaScript" src="動画のアドレス"></script>
</div>
として
dougaに対しz-indexを指定してはいかが？

補足

ＣＳＳに

div.douga {
z-index:1;}

と加え、htmlの動画記述の所を上記の用に変更。

そして、メニューのＣＳＳの部分はどこに
z-index:2;と加えれば良いでしょうか？

回答No.2

askaaska

> script src=動画アドレス

ここだけ指定されてもわからないわ。

補足

すみません、詳しく書きます＾＾
動画の部分は、ブログの記事部分に

<script language="JavaScript" type="text/JavaScript" src="動画のアドレス"></script>

と記載するのみです。
メニューの方は、ブログのHTMLとCSS別々で

【HTMLの方は】
<div id="menulist" style=z-index:1;>
<ul id="HdMenu1">
<li id="menu1">
<a href="#" onmouseover="mopen('submenu_1')" onmouseout="mclose('submenu_1')">info</a></li></ul></div>

【CSSの方は】

#HdMenu1 {
margin:0;
background: #dfe7ae; /* ヘッダーメニューの色 */
width: 700px;
height: 26px; /* 変更注意 */
overflow: visible;}

#HdMenu1 li a {
float: left;
padding: 3px 0px; /* 変更注意 */
width: 100px; /* 幅 */
font-size: 10px;
line-height: 20px; /* 変更注意 */
text-decoration: none;
text-align:center;}

.smenu {
margin:0 auto;
width:700px;
position: relative;}

.submenu {
position: absolute;
visibility: hidden;
padding: 10px 0;
background:#fff;
text-align: left;
color: #666;
font-size:10px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom:1px solid #ccc;}

div.submenu ul,
div.submenu p,
div.submenu dl {
margin-right:10px;
margin-left:10px;}

/* ---------- サブメニュー位置指定 */
#submenu_1 {
width: 200px; /* 幅 */
left: 0; /* 左からの位置 */}

です。宜しくお願いします

回答No.1

askaaska

HTMLの各部品・・・と言っていいかしら
それの重なり具合なら
スタイルシートのz-indexを使えばできるわ。

http://www.tohoho-web.com/css/reference.htm#z-index

あとはそれをあなたのテンプレートに
上手に当てはめるだけね。

ただ、スクリプトによっては
z-indexを一時的に変更したりして
表示順を変えたりしているものもあるから
そういう場合はスクリプトを変更したり
スクリプトに渡すパラメータを変更したり
しないとダメかもしれないわ。

補足

有難うございます

これはお互いの素材に z-index　を適用させないと意味がないですよね。
メニューの方は指定できますが、動画のスクリプトの方にどう記述を加えていいかが分かりません・・

script src=動画アドレス

の場合 z-index は加えられないでしょうか？