Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial CSS z-index问题,急急急!!!_html/css_WEB-ITnose

CSS z-index问题,急急急!!!_html/css_WEB-ITnose

Jun 24, 2016 pm 12:20 PM

CSS HTML 视频 z-index

上面是一个导航,下面是一个视频,然后导航那有二级菜单,显示的时候,总是显示在视频的下面,我非常的苦恼,给它们加了z-index也没有用,应该是我没加对吧,请各位高手赐教了,谢谢。


加了视频后的效果



没加视频的效果

<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&amp;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&amp;image=./images/cit_video.jpg" height="273" width="964">			</object>			<!-- END OF THE PLAYER EMBEDDING -->        </div>
Nach dem Login kopieren


#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;}
Nach dem Login kopieren


回复讨论(解决方案)

为什么没有人帮我解决一下呢???请各位大仙帮帮忙吧

给flash那个加一个属性

<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&amp;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&amp;image=./images/cit_video.jpg" height="273" width="964">            </object>
Nach dem Login kopieren

改为:
<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&amp;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&amp;image=./images/cit_video.jpg" height="273" width="964">            </object>
Nach dem Login kopieren


实际就是加了 
和一个属性 wmode="transparent"

给flash那个加一个属性
XML/HTML code?1234567                
万分感谢

给flash那个加一个属性
XML/HTML code?1234567                 学习啦

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Mar 04, 2025 pm 12:32 PM

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Mar 04, 2025 pm 02:39 PM

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern? Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern? Mar 18, 2025 pm 02:51 PM

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern?

Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs? Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs? Mar 12, 2025 pm 04:08 PM

Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Mar 12, 2025 pm 04:05 PM

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?

See all articles