如何隐藏使用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对象的特定部分？

回答

相关问题