CSS z-index问题,急急急!!!_html/css_WEB-ITnose
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&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;}
回复讨论(解决方案)
为什么没有人帮我解决一下呢???请各位大仙帮帮忙吧
给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&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>
实际就是加了
和一个属性 wmode="transparent"
给flash那个加一个属性
XML/HTML code?1234567
给flash那个加一个属性
XML/HTML code?1234567

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

이미지를 클릭 한 후 주변 이미지를 산란 및 확대하는 효과를 얻으려면 많은 웹 디자인이 대화식 효과를 달성해야합니다. 특정 이미지를 클릭하여 주변을 만들 수 있습니다 ...

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 정의하고, 2. CSS는 웹 페이지 스타일을 제어하고 3. JavaScript는 동적 동작을 추가합니다. 그들은 함께 현대 웹 사이트의 프레임 워크, 미학 및 상호 작용을 구축합니다.

HTML의 미래는 무한한 가능성으로 가득합니다. 1) 새로운 기능과 표준에는 더 많은 의미 론적 태그와 WebComponents의 인기가 포함됩니다. 2) 웹 디자인 트렌드는 반응적이고 접근 가능한 디자인을 향해 계속 발전 할 것입니다. 3) 성능 최적화는 반응 형 이미지 로딩 및 게으른로드 기술을 통해 사용자 경험을 향상시킬 것입니다.
