CSS z-index の問題、緊急です! ！！ _html/css_WEB-ITnose-htmlチュートリアル-php.cn

ディスカッションに返信（解決策）

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

Jun 24, 2016 pm 12:20 PM

CSS HTML video z-index

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

動画を追加した後の効果

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

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

ログイン後にコピー

#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;}

ログイン後にコピー

ディスカッションに返信（解決策）

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

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

&lt;object id=&quot;player&quot; classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; name=&quot;player&quot; height=&quot;273&quot; width=&quot;943&quot;&gt;                &lt;param name=&quot;movie&quot; value=&quot;./css/player-viral.swf&quot;&gt;                &lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot;&gt;                &lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;                &lt;param name=&quot;flashvars&quot; value=&quot;file=http://www.citmd.com/CIT/2013/images/cit2013.mov&amp;amp;image=./images/cit_video.jpg&quot;&gt;                &lt;embed type=&quot;application/x-shockwave-flash&quot; id=&quot;player&quot; name=&quot;player&quot; src=&quot;Home-CIT%20Conference%202013_files/player-viral.swf&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; flashvars=&quot;file=http://www.citmd.com/CIT/2013/images/cit2013.mov&amp;amp;image=./images/cit_video.jpg&quot; height=&quot;273&quot; width=&quot;964&quot;&gt;            &lt;/object&gt;

ログイン後にコピー

次のように変更します:

&lt;object id=&quot;player&quot; classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; name=&quot;player&quot; height=&quot;273&quot; width=&quot;943&quot;&gt;                &lt;param name=&quot;movie&quot; value=&quot;./css/player-viral.swf&quot;&gt;                &lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot;&gt;                &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;                 &lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;                &lt;param name=&quot;flashvars&quot; value=&quot;file=http://www.citmd.com/CIT/2013/images/cit2013.mov&amp;amp;image=./images/cit_video.jpg&quot;&gt;                &lt;embed  wmode=&quot;transparent&quot;  type=&quot;application/x-shockwave-flash&quot; id=&quot;player&quot; name=&quot;player&quot; src=&quot;Home-CIT%20Conference%202013_files/player-viral.swf&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; flashvars=&quot;file=http://www.citmd.com/CIT/2013/images/cit2013.mov&amp;amp;image=./images/cit_video.jpg&quot; height=&quot;273&quot; width=&quot;964&quot;&gt;            &lt;/object&gt;

ログイン後にコピー

実際には <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 までご連絡ください。