目次
ディスカッションに返信(解決策)
ホームページ ウェブフロントエンド htmlチュートリアル CSS z-index の問題、緊急です! ! ! _html/css_WEB-ITnose

CSS z-index の問題、緊急です! ! ! _html/css_WEB-ITnose

Jun 24, 2016 pm 12:20 PM

CSS HTML video z-index

上がナビゲーション、下がビデオ、そしてナビゲーションにセカンダリメニューが表示されると、常にビデオの下に表示されます。とても困ったのでzを追加します。 - インデックスも役に立ちません。専門家からのアドバイスをお願いします。


動画を追加した後の効果



動画を追加しない場合の効果

<div id="menu">			<ul>                <li><a class="hide one" href="#" style="width:70px;">Home</a></li>                <li class=""><a class="hide" href="#" style="width:100px;">Faculty</a></li>                <li class=""><a class="hide two" href="#" style="width:100px;">Information</a></li>                <li><a class="hide" href="#" style="width:100px;">Program</a>                              </li>                <li><a class="hide" href="#" style="width:150px;">Live Case Sites</a></li>                <li><a class="hide two" href="#" style="width:100px;">Submissions</a></li>                <li><a class="hide two" href="#" style="width:100px;">Exhibition</a></li>                <li><a class="hide one" href="#" style="width:60px;">China</a></li>                <li class=""><a class="hide" href="#" style="width:120px;">History Review</a>                <ul class="nav_l">                    <li><a href="#" target="_blank">CIT2012</a></li>                    <li><a href="#" target="_blank">CIT2011</a></li>                    <li><a href="#" target="_blank">CIT2010</a></li>                    <li><a href="#" target="_blank">CIT2009</a></li>                    <li><a href="#" target="_blank">CIT2008</a></li>                    <li><a href="#" target="_blank">CIT2007</a></li>                </ul>                </li>            </ul>        </div><div class="mv" style="  text-align:center;">	 <!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->				<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" height="273" width="943">				<param name="movie" value="./css/player-viral.swf">				<param name="allowfullscreen" value="true">				<param name="allowscriptaccess" value="always">				<param name="flashvars" value="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg">				<embed type="application/x-shockwave-flash" id="player" name="player" src="Home-CIT%20Conference%202013_files/player-viral.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg" height="273" width="964">			</object>			<!-- END OF THE PLAYER EMBEDDING -->        </div>
ログイン後にコピー


#menu { width:943px; height:38px; margin:0 auto; clear:both; position:relative; background:#000;}#menu ul { list-style: none; margin: 0px; padding: 0px; width:943px; }#menu ul li { float:left; background:url(../images/line.png) no-repeat right; height:38px;}#menu ul li a { display:block; width:95px; height:38px; line-height:38px; text-align:center; font-size:13px; font-weight:bold;}#menu ul li a#current {  font-weight:bold; color:#fff;}#menu ul li img {_margin:12px 0; _vertical-align: middle;}#menu ul li a:hover { color:#d26105;}#menu ul li ul { display:none; position:absolute; width:167px; border-left:none; margin-right:20px; background:#e1ecf8; filter:alpha(Opacity=90); Opacity:0.9;}#menu ul li ul li { float:none; width:167px; margin:0; border-bottom:1px dashed #fff; background:none;}#menu ul li ul li a { background:none; width:167px; color:#575757; font-size:12px;}#menu ul li ul li a:hover { color:#000;}#menu ul li:hover ul { display:block;}#menu ul li.sfhover ul { display:block;}.nav_l { right:-20px;}*html .nav_l { right:-21px;}
ログイン後にコピー


ディスカッションに返信(解決策)

なぜ誰も解決を手伝ってくれないのですか? ? ?助けてください

フラッシュに属性を追加します

<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" height="273" width="943">                <param name="movie" value="./css/player-viral.swf">                <param name="allowfullscreen" value="true">                <param name="allowscriptaccess" value="always">                <param name="flashvars" value="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg">                <embed type="application/x-shockwave-flash" id="player" name="player" src="Home-CIT%20Conference%202013_files/player-viral.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg" height="273" width="964">            </object>
ログイン後にコピー

次のように変更します:
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" height="273" width="943">                <param name="movie" value="./css/player-viral.swf">                <param name="allowfullscreen" value="true">                <param name="wmode" value="transparent">                 <param name="allowscriptaccess" value="always">                <param name="flashvars" value="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg">                <embed  wmode="transparent"  type="application/x-shockwave-flash" id="player" name="player" src="Home-CIT%20Conference%202013_files/player-viral.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://www.citmd.com/CIT/2013/images/cit2013.mov&image=./images/cit_video.jpg" height="273" width="964">            </object>
ログイン後にコピー


実際には <param name="wmode" value="transparent"> と属性 wmode="transparent" を追加するだけです
Flash に属性を追加します

XML/HTML コード?1234567<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" height="273" width = 943 AE6D-11cf-96B8-444553540000" name="プレイヤー" height="273" width="943">

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

&lt; meter&gt;の目的は何ですか 要素?

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

&lt; datalist&gt;の目的は何ですか 要素?

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか?

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

&lt; Progress&gt;の目的は何ですか 要素?

See all articles