Видео, перекрывающие окно «Добавить это» в IE!

У меня есть простая страница HTML с кнопкой ДОБАВИТЬ ЭТО (кнопка на самом деле) и некоторые видео на нем. Моя проблема заключается в том, что когда я нажимаю кнопку SHARE и небольшое окно (div) всплывает в центре экрана браузера, который сохраняет постоянное положение.Видео, перекрывающие окно «Добавить это» в IE!

Когда я прокручиваю окно, это ДОБАВИТЬ ЭТОТ окно перекрывается видео на странице. Это хорошо работает в Firefox, но не в IE и Chrome.

Вот мой код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <style type="text/css"> 
     #at16p, #atie6ifh 
     { 
      overflow-y: auto !important; 
     }   
    </style> 
</head> 
<body> 
    <!-- AddThis Button BEGIN --> 
    <a class="addthis_button" style="text-align: right;" href="http://addthis.com/bookmark.php?v=250&amp;pub=xa-4ac61e0801642c41"> 
     <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" 
      alt="Bookmark and Share" style="border: 0" /></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ac61e0801642c41"></script> 

    <!-- AddThis Button END --> 
    <center> 
     <div id="divVideoDisplay" runat="server" style="width: 100%; padding-bottom: 20px; 
      z-index: -10000; overflow: hidden;"> 
      <br /> 
      <h1> 
       First Video</h1> 
      <br /> 
      <object type='application/x-shockwave-flash' data='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv' style="z-index: -1;" 
       width='640' height='480' bgcolor='FFFFFF' border='1'> 
       <param name='movie' value='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv'/> 
       <param name='bgcolor' value='FFFFFF'/> 
       <param name='Windowless' value='true'/> 
       <embed src='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv' 
        quality='high' bgcolor='#ffffff' width='640' height='480' name='movie' allowscriptaccess='sameDomain' 
        type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' 
        border='1'> 
      </object> 
      <br> 
      <b style="color: red">FREE</b> service provided by <a href='http://www.videowebtown.com' 
       target='_new'><u>VideoWebTown.com</u></a> 
      <br /> 
      <h1> 
       Second Video</h1> 
      <br /> 
      <object width="425" height="344" style="z-index: -1;" > 
       <param name="movie" value="http://www.youtube.com/v/rrrx9izp0Lc&hl=en_US&fs=1&"> 
       </param> 
       <param name="allowFullScreen" value="true"></param> 
       <param name="allowscriptaccess" value="always"></param> 
       <param name='Windowless' value='true'/> 
       <embed src="http://www.youtube.com/v/rrrx9izp0Lc&hl=en_US&fs=1&" type="application/x-shockwave-flash" 
        allowscriptaccess="always" allowfullscreen="true" width="425" height="344"> 
     </embed> 
      </object> 
     </div> 
    </center> 

</body> 

</html>

Любая помощь/комментарии оценили.

источник

2009-11-25 Manish

Ну этот код требуется

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

быть добавлены в тег объекта, а также <embed> тег требуется атрибут в wmode="transparent".

т.е. <embed wmode="transparent" ... />

Это работает для меня.

источник

2009-11-25 13:50:44 Manish

Попробуйте добавить <param name="wmode" value="transparent">

Это хорошо известная ошибка в IE, но я не знаю, почему он не работает в Chrome, так что я надеюсь, что это будет решить для обоих браузеров. Кроме того, вы проверили Z-index, чтобы быть уверенным? (Это не имеет значения для IE, но это может быть для Chrome)

источник

2009-11-25 06:38:16 PatrikAkerstrand

Я бы использовал непрозрачный для значения. Если у игрока были прозрачные цвета, HTML за ним был бы показан (если это не то, что вы хотите, конечно) –

Ну, это сработало для первого видео в моем коде, но не для второго. :-( Не могу догадаться, почему это так? – Manish

Видео, перекрывающие окно «Добавить это» в IE!

ответ

Смежные вопросы