如何隱藏使用CSS的Flash對象的特定部分？

我正在從Soundclick中嵌入一個Flash音樂播放器到我的音樂網站。我有一個固定的空間放置玩家。問題是網站提供的玩家太大了。 Flash播放器的底部是我需要顯示的。有沒有辦法使用溢出來隱藏它：hidden;方法？如何隱藏使用CSS的Flash對象的特定部分？

我試過到目前爲止：

我把代碼嵌入到一個div容器，並使用了「溢出：隱藏;」方法，然後設置一個固定的寬度和高度。它部分工作，但只顯示上半部分。這是無用的，因爲下半部分是播放列表和按鈕所在的位置。

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTAwNzA2MzY3MzkmcHQ9MTI5MDA3MTMwNTU4NyZwPTE1ODM2MSZkPSZnPTEmbz*5ZWIxNmMyMWQ5NmQ*YWJlODYy/YzdlMmM4NmM4NzMwNCZvZj*w.gif" /><div style="width:300px; height:450px; overflow:hidden;"><center><div><embed src="http://www.soundclick.com/widgets/creatives/mp3PlayerPremium.swf" width="300" height="430" flashvars="bandid=650303&ext=1" name="MP3PlayerPremium" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div><div style="width: 300px; position: relative; top: -390px;"><a href="http://www.soundclick.com/bands/default.cfm?bandID=650303"><img src="http://www.soundclick.com/images/navigation/blank1x1.gif" border="0" width="300" height="250"></a> </div></center></div>

來源

2010-11-18 Notch

我用你所描述很多次，總是覺得有點內疚的技術。

但我不斷地發現，最簡單，最可靠的方法來包裝我的嵌入功能在一個DIV然後我約束上的寬度和高度（從JS，IFRAME催生，微件可使用任何）。最後使用負邊緣拉對象起來看不見。

#container { 
    width:475px; 
    height:65px; 
    overflow:none; 
} 
#container embed { 
    margin-top:-85px; 
    margin-left:-145px; 
}

我發現它最簡單的方法來找到我的對象在哪裏調整，它的方便，有時小部件有流體寬度（100％），並拉出雙方我們消極的利潤率左右工作得相當好，你不需要爲一些接口開發人員挑剔的定位問題。

（我一直這樣做Facebook的喜歡不斷 - 你可以在earmilk.com的右上角看到）

來源

2010-11-18 21:47:56 electblake

+1承認內疚，讓人們遠離定位和提供示例:) – danjah 2010-11-18 21:51:57

這裏是用於嵌入的代碼。 – Notch 2010-11-18 21:55:50

好的，這工作非常感謝你。我仍然認爲這個東西很新鮮。我不知道我需要有一個單獨的嵌入類。 – Notch 2010-11-18 22:04:01

也許嘗試：

#flash_object_container { 
    position:relative; 
} 
#flash_object { 
    position:absolute; 
    bottom:0; 
}

這將使您的容器，用你的溢出和明確的高度應該修復它裏面結合自下而上flash對象。

編輯（如您所提供的代碼）：

<div style="width:300px; height:450px; overflow:hidden;">

可改爲：

<div style="width:300px; height:450px; overflow:hidden; **position:relative;**">

然後：

<div> <embed src="http://www.soundclick.com/widgets/creatives/mp3PlayerPremium.swf" width="300" height="430" flashvars="bandid=650303&ext=1" name="MP3PlayerPremium" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div>

變爲：

<div **style="position:absolute; top:-YOUR_PX_VALUE;"**> <embed src="http://www.soundclick.com/widgets/creatives/mp3PlayerPremium.swf" width="300" height="430" flashvars="bandid=650303&ext=1" name="MP3PlayerPremium" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div>

來源

2010-11-18 21:24:39 danjah

比我的答案更好的解決方案。 – edeverett 2010-11-18 21:26:49

實際上，我認爲你的答案同樣有用:) – 2010-11-18 21:29:45

使用您嘗試的方法，嘗試使用負頂號對Flash對象進行定位。（top="-50px;"或任何你所需要的。

來源

2010-11-18 21:25:17 edeverett

如何隱藏使用CSS的Flash對象的特定部分？

回答

相關問題