如何在不透明度小於1的情況下放置覆蓋DIV

我們有一個flash對象，當我們使用blockUI或其他帶不透明度的覆蓋div < 1時，它不會使Flash區域變爲透明。但是，它在不透明度爲1時隱藏了閃存對象，但我希望透明度過高，這使得Flash區域也像其他HTML對象一樣透明。如何在不透明度小於1的情況下放置覆蓋DIV

這是一個認識問題嗎？任何解決方法？

下面是代碼專家：

<object width="100%" height="200" align="" id="charts" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" wmode="transparent"> 
<param value="/charts.swf?library_path=/charts_library&amp;xml_source=/chart&amp;" name="movie"> 
<param value="high" name="quality"> 
<param value="#E6E6E6" name="bgcolor"> 
<param value="transparent" name="wmode"> 
<embed width="100%" height="200" align="" salign="TL" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" swliveconnect="true" name="charts" bgcolor="#E6E6E6" quality="high" src="/charts.swf?library_path=/charts_library&amp;xml_source=/chart&amp;license="> 
</object>

對於我們使用jQuery.blockUI和的fancybox（當我們需要一些彈出窗口並阻止用戶界面）疊加DIV。我們還嘗試使用帶有z-index的div覆蓋Flash對象。它覆蓋並隱藏了閃光燈時，不透明度爲1，但不是在它的< 1.

下面是截圖：

http://www.4shared.com/photo/PO-Cb1bi/Flash_Overlay_Transparency.html

來源

2011-04-04 Saim

你可以把一個鏈接到你的測試？ – shanethehat 2011-04-04 11:28:20

shanethehat，對不起，現場鏈接尚未準備好。如果你喜歡，我可以粘貼代碼和屏幕截圖。 – Saim 2011-04-04 11:36:29

任何你可以，是的請 – shanethehat 2011-04-04 11:41:56

您需要將Flash對象的wmode參數設置爲「透明」。

//文章

http://kb2.adobe.com/cps/142/tn_14201.html

//視頻教程

http://kb2.adobe.com/cps/524/cpsid_52418.html#flash

來源

2011-04-04 11:54:32

@Ascension，謝謝你的評論。我們已經將'wmode'參數設置爲'transparent'。當疊加層的不透明度爲1時，它可以正常工作。因爲我們將不透明度設置爲<1，即0.8，所以不會使閃光燈透明。我在上面的問題中添加了示例代碼和屏幕截圖。 – Saim 2011-04-04 11:56:10

我看到你已經將標籤添加到你的目標代碼中，但你必須在某處做錯了。如果您使用的是Dreamweaver，則需要確保您沒有爲Flash對象選擇不透明的背景，因爲您可以使用Dreamweaver進行定義。點擊flash對象區域，你會看到一個選項來設置背景顏色。確保你沒有做到這一點。也請閱讀我提供的文章，並按照視頻教程，這絕對是做到這一點的方式，如果它不起作用，那麼你會錯過一些東西。 – 2011-04-04 11:56:50

在這兩個地方？上面的鏈接引述：「手動編輯HTML代碼要編輯現有的HTML頁面，請將WMODE參數添加到HTML代碼中。以下參數添加到OBJECT標記：以下參數添加到EMBED標籤： WMODE =「透明」，「 – 2011-04-04 11:58:06

您需要將wmode透明添加到您的<embed>標籤以及對象：

<embed wmode="transparent" ...>

這應該可以解決您的問題。

來源

2011-04-04 12:03:40 Kyle

感謝您提出正確的答案，但我已經接受了Ascension的回答，考慮了帖子的時間戳，我認爲這很有道理。。再次感謝。 – Saim 2011-04-04 12:18:43

您需要在Flash對象中添加此參數。

<param name="wmode" value="opaque" />

下面是詳細信息：http://slightlymore.co.uk/flash-and-the-z-index-problem-solved/

來源

2012-07-26 11:49:02

如何在不透明度小於1的情況下放置覆蓋DIV

回答

相關問題