2011-01-11 118 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不能小於對象標籤。 (通常它不應該是)。 「溢出:隱藏;」沒有解決問題。