使用css3 border-radius隐藏嵌入swf的方形角落

在我的网站上，我有一个很大的.swf文件。图形设计师使.swf看起来像是在一个圆角框中，但是当我嵌入文件时，即使使用透明wmode，我也会看到底部的角落。我尝试使用CSS3并使边框div内的swf div成为一个类。使用css3 border-radius隐藏嵌入swf的方形角落

CSS代码：

#swf_border{border:3px solid #a1a1a1;height:400px;width:940px;margin:0px 0px 0px 157px;z-index:100;border-radius:13px;-moz-border-radius:13px;} 
#swf_border .home_display{height:400px;margin:0 auto 10px;width:940px;}

HTML代码：

<div id="swf_border"> 
    <div class="home_display"> 
    <object width="940" height="400"> 
     <param name="movie" value="/theme/listgiant/swf/home_banner.swf"></param> 
     <param name="quality" value="high" /> 
     <param name="wmode" value="transparent" /> 
     <param name="swfversion" value="8.0.35.0" /> 
     <embed src="/theme/listgiant/swf/home_banner.swf" width="940" height="400" wmode="transparent"></embed> 
    </object> 
    </div><!-- End home_display--> 
</div><!-- End swf_border-->

来源

2011-03-23 smulholland2

你能链接一个截图吗？ – Kodiak 2011-03-23 17:26:31

[这是网站的链接]（http://www.listgiant.com） – smulholland2 2011-03-23 18:04:42

据我所知，您不能使用CSS3边角裁剪SWF。

至于您的网站...在SWF中有灰色背景。请您的设计师将其删除，并且应该全部设置好。

来源

2011-03-23 18:29:33

我得到了设计师的.fla。没有灰色背景:( – smulholland2 2011-03-24 17:22:02

你可以在Webkit上做border-radius，但是在FF上你只能掩盖它https://developer.mozilla.org/zh/CSS/mask – 2012-05-01 22:15:30

实际上，您可以使用CSS3来裁剪SWF。但是我遇到了一个使用CSS3 PIE的问题，我使用它来在IE8中启用CSS3效果。即使我没有发现关于CSS3 PIE手册中的问题的任何提示，但.htc脚本仍然无法正确裁剪SWF文件。

编辑：

Opera 11无法渲染Flash对象的圆角。

来源

2011-08-15 13:04:25 jakubferenc

使用css3 border-radius隐藏嵌入swf的方形角落

回答

相关问题