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

公眾號網頁更新緩存,這玩意兒,說簡單也簡單,說複雜也夠你喝一壺的。你辛辛苦苦更新了公眾號文章,結果用戶打開還是老版本,這滋味,誰受得了?這篇文章,咱就來扒一扒這背後的彎彎繞繞,以及如何優雅地解決這個問題。讀完之後,你就能輕鬆應對各種緩存難題,讓你的用戶始終體驗到最新鮮的內容。先說點基礎的。網頁緩存,說白了就是瀏覽器或者服務器為了提高訪問速度,把一些靜態資源(比如圖片、CSS、JS)或者頁面內容存儲起來。下次訪問時,直接從緩存裡取,不用再重新下載,速度自然快。但這玩意兒,也是個雙刃劍。新版本上線,

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

本文展示了使用CSS為網頁中添加有效的PNG邊框。 它認為,與JavaScript或庫相比,CSS提供了出色的性能,詳細介紹瞭如何調整邊界寬度,樣式和顏色以獲得微妙或突出的效果

本文討論了html&lt; datalist&gt;元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了HTML&lt; Progress&gt;元素,其目的,樣式和與&lt; meter&gt;元素。主要重點是使用&lt; progress&gt;為了完成任務和LT;儀表&gt;對於stati

本文解釋了HTML5&lt; time&gt;語義日期/時間表示的元素。 它強調了DateTime屬性對機器可讀性(ISO 8601格式)的重要性,並在人類可讀文本旁邊,增強Accessibilit

本文討論了HTML&lt; meter&gt;元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了&lt; meter&gt;從&lt; progress&gt;和前


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),