目录
回复讨论(解决方案)
首页 web前端 html教程 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>
登录后复制


#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;}
登录后复制


回复讨论(解决方案)

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

给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>
登录后复制

改为:
<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>
登录后复制


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

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

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

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表单验证属性来验证用户输入?

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

如何高效地在网页中为PNG图片添加描边效果?

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? &lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么?

使用IFRAME的安全性含义是什么?如何减轻它们? 使用IFRAME的安全性含义是什么?如何减轻它们? Mar 18, 2025 pm 02:51 PM

使用IFRAME的安全性含义是什么?如何减轻它们?

我如何使用html5&lt; meter&gt; 要在范围内显示数值数据的元素? 我如何使用html5&lt; meter&gt; 要在范围内显示数值数据的元素? Mar 12, 2025 pm 04:08 PM

我如何使用html5&lt; meter&gt; 要在范围内显示数值数据的元素?

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

HTML5中跨浏览器兼容性的最佳实践是什么?

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? 我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间?

See all articles