2011-01-11 76 views
1

通常它可以解决与“wmode透明”的参数,但在Firefox中我有一个奇怪的问题 。当我与一个div的一部分覆盖闪存元件 在div呈现怪(像在闪蒸元件的边界楼梯)覆盖部分div闪存

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

的灰色区域(和上方形成小的透明区域)是闪光元素。大纲是带边框的 div。

只在FF发生错误(我有3.6)铬/野生动物园工作正常...

CODE:

它的SWFObject的实现。覆盖div/ul位于 flash-wrapper之后。

 <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;  
     }  
+0

你能向我们提供无论是活生生的例子,或者提供一些代码来看待?这将是更容易回答:) – Kyle 2011-01-11 13:36:22

回答

0

好了,这是复杂的调试,但我找到了答案:

我已经下面的代码:

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

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

    #page { 
     width: 700px; 
    } 

的问题是页面的div。如果我将宽度更改为800px,它可以正常工作。如果宽度低于flash-wrapper的宽度,我会得到楼梯效果。

作为结果:父div不能小于对象标签。 (通常它不应该是)。 “溢出:隐藏;”没有解决问题。