Выпадающее меню gettind отображается на обратной стороне youtube видео

Question

У меня проблема с видимостью в моем коде. У меня есть раскрывающееся меню, которое падает на видео с YouTube. Случается, что меню отображается на обратной стороне видео на YouTube, а не отображается на дисплее спереди. Пожалуйста помоги. Благодаря

Вот код для моего меню,

<div style="margin-top:-60px;padding-bottom:20px;position:relative;overflow:visible;"> 

<div class='cssmenu'> 
<ul> 
    <li><a href='http://financeyoga.com/starthere'><span>Start Here</span></a> 
     <ul> 
     <li><a href='http://financeyoga.com/starthere'><span>New To The Site? Start Here</span></a></li> 
     <li class='active '><a href='index.html'><span>Home</span></a></li> 
     <li><a href='http://financeyoga.com/about'><span>About</span></a></li> 
     <li><a href='http://financeyoga.com/Contact'><span>Contact</span></a></li> 
     <li><a href='http://financeyoga.com/hello-world/'><span>What Is Finance Yoga?</span></a></li> 
     </ul> 
    </li> 
    <li><a href='http://financeyoga.com/SaveMoney'><span>Save Money</span></a> 
     <ul> 
     <li><a href='http://financeyoga.com/SaveMoney'><span>Ways To Save</span></a></li> 
     <li><a href='http://financeyoga.com/category/ways-to-save/moving/'><span>Moving</span></a></li> 
     <li><a href='http://financeyoga.com/category/ways-to-save/coupons-and-cash-back/'><span>Coupons & Cash Back</span></a></li> 
     <li><a href='http://financeyoga.com/category/ways-to-save/moving/'><span>Moving</span></a></li> 
     </ul> 
    </li> 
    <li><a href='http://financeyoga.com/makemoney '><span>Make Money</span></a> 
     <ul> 
     <li><a href='http://financeyoga.com/category/make-extra-money/series-make-quick-money/'><span>Series - Make Quick Money</span></a></li> 
     <li><a href='http://financeyoga.com/how-to-make-money-with-a-blog/'><span>Make Money Blogging</span></a></li> 
     </ul> 
    </li> 
    <li><a href='http://financeyoga.com/onlinebanking'><span>Online Banking</span></a> 
     <ul> 
     <li><a href='http://financeyoga.com/onlinebanking'><span>Online Banking</span></a></li> 
     <li><a href='http://financeyoga.com/category/checking-accounts/'><span>Best Checking Accounts</span></a></li> 
     <li><a href='http://financeyoga.com/onlinebanking'><span>Online Banking</span></a></li> 
     <li><a href='#'><span>Finance Tools</span></a></li> 
     </ul> 
    </li> 
    <li><a href='http://financeyoga.com/AmazonDeals'><span>Amazon Deals</span></a> 
     <ul> 
     <li><a href='href="http://www.amazonwireless.com/b/684177011/?_encoding=UTF8&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Amazon Wireless</span></a></li> 
     <li><a href='http://www.amazon.com/b?_encoding=UTF8&site-redirect=&node=281407&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Electronics</span></a></li> 
     <li><a href='http://www.amazon.com/b?_encoding=UTF8&site-redirect=&node=4736&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Books</span></a></li> 
     <li><a href='href="http://rads.stackoverflow.com/amzn/click/B00067L6TQ"http://www.amazon.com/b?_encoding=UTF8&site-redirect=&node=229534&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Software</span></a></li> 
     <li><a href='href="http://www.amazon.com/b?_encoding=UTF8&site-redirect=&node=195209011&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Music</span></a></li> 
     <li><a href='href="http://www.amazon.com/b?_encoding=UTF8&site-redirect=&node=51569011&tag=finayoga-20&linkCode=ur2&camp=1789&creative=9325'><span>Apparel & Accessories</span></a></li> 
     </ul> 
    </li> 
</ul> 
</div> 

Answer 1

Проблема: У вас есть выпадающее меню на основе CSS в вашей навигации и флэш-элемент рядом с ним в меню могут быть «скрыты» за объектом вспышки.

Решение: Установите г-индекс DIV держащего вспышки 1 и Z-индекс DIV держит СЧА на 2. (z-index:1; и z-index:2;) В флэш-элемент: Ищут вспышка <object> тег и добавьте следующий код:

<param name="wmode" value="transparent"> 

Вы хотите вставить этот код прямо под <param name=”quality” value=”high”> тега и включать код wmode=”transparent” в флэш <embed> тега.

Попробуйте и удачи!

Первоначальный текст найден в http://wphacks.com/fixing-css-drop-down-menus-hiding-behind-flash-objects/