Оверлейные части div над вспышкой

обычно можно решить с помощью параметра «wmode transparent», но в firefox У меня странная проблема. когда я наложение флэш элемента с частью DIV DIV оказывает странное (как лестницы на границе флэш-элемента)Оверлейные части div над вспышкой

http://img522.imageshack.us/i/bildschirmfoto20110111u.png/

серая область (и небольшая прозрачная область выше) является элемент вспышки. контур - это div с рамкой.

ошибка происходит только на FF (у меня есть 3,6) хром/сафари работает отлично ...

КОД:

сво реализация SWFObject. Оверлейный div/ul позиционируется после флэш-обертки .

 <div id="flash-wrapper"> 
      <object width="740" height="500" type="application/x-shockwave-flash" 
      data="/flash/photobook.swf?1295004511635" id="photobook-wrapper" style="visibility: visible;"> 
      <param name="wmode" value="transparent"> 
      <param name="flashvars" value=""></object> 
     </div> 

     #flash-wrapper { 
      height: 500px; 
      position: relative; 
      width: 740px; 
     } 


     <ul id="frame_options_select-menu" style="z-index: 0; top: 213px; left: 388px;"> 
      <li class=""><a href="#" id="ui-selectmenu-item-74">Cover: full size photo</a></li> 
     </ul> 

     element.style { 
      left: 388px; 
      top: 213px; 
      z-index: 0; 
       -moz-border-radius: 6px 6px 6px 6px; 
       visibility: visible; 
      -moz-border-radius: 0 0 0 0; 
      background: none repeat scroll 0 0 #08A0D9; 
      border: 1px solid #08A0D9; 
      list-style: none outside none; 
      margin: 0; 
      overflow: auto; 
      padding: 0; 
      position: absolute; 
      top: 0; 
      visibility: hidden; 
      z-index: 1005 !important;  
     }

источник

2011-01-11 fluxsaas

Вы можете связать нас либо живой пример или предоставить некоторый код, чтобы посмотреть на? Это будет намного легче ответить на это :) – Kyle

ОК, я вставляю код в вопрос. Я использую swfobject для реализации flash. – fluxsaas

sry я попытался привести пример онлайн, но не смог воспроизвести ошибку. теперь он решен :) – fluxsaas

хорошо, что было сложно отлаживать, но я нашел ответ:

я имел следующий код:

<div id="page"> 
     <div id="flash-wrapper"> 
     flash object 
     </div> 
    </div> 

    #flash-wrapper { 
     height: 500px; 
     position: relative; 
     width: 740px; 
    } 

    #page { 
     width: 700px; 
    }

проблема была страница дел. если я изменяю ширину до 800 пикселей, она отлично работает. если ширина находится под шириной флэш-обертки, я получаю эффект лестницы.

В результате родительский div не может быть меньше тега объекта. (обычно это не должно быть так или иначе). «переполнение: скрыто»; не устраняет проблему.

источник

2011-01-27 12:19:02 fluxsaas

У меня возникла проблема с использованием Flash перед моими вылетающими меню. Я пробовал два разных метода для переупорядочения элементов z-index, и они работали только для IE10.

Этим утром я пытался что-то, что работал для всех версий IE, вплоть до 7.

http://willstechcafe.wordpress.com/2013/06/20/overlays-vs-flash/

источник

2013-06-20 17:19:55

Оверлейные части div над вспышкой

ответ

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