昨天在做项目的时候,要用到一个别的网站的flash(同一家公司的两个网站,所以没有版权问题)。拿到flash的时候,发现这个flash的底部有一条白边:
准备用一个div把这个flash object 包起来,然后设定高度和overflow:hidden把这个白边隐藏掉,在ie下可以,但在firefox下flash会穿越div。
经过一番搜索,找到原因,其实很简单,只要在embed tag上加个属性wmode="transparent" 就解决了,wmode是什么意思呢?官方文档上是这么写的:
wmode– Possible values: window, opaque, transparent. Sets the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.window– movie plays in its own rectangular window on a web page.opaque– the movie hides everything on the page behind it.transparent– the background of the HTML page shows through all transparent portions of the movie, this may slow animation performance.
关于flash的所有参数,可以参阅:http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
最后,flash显示效果: