使用css3 border-radius隐藏嵌入式swf上的方角

时间:2011-03-23 17:25:11

标签: html css flash

在我的网站上,我有一个很大的.swf文件。图形设计师使.swf看起来像是在圆角盒中,但当我嵌入文件时,即使使用透明的wmode,我也会看到底角显示。我尝试使用CSS3并使swf div成为边界div内的一个类。

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-->

2 个答案:

答案 0 :(得分:2)

据我所知,你不能使用CSS3角来裁剪SWF。

至于您的网站...... SWF中有灰色背景。请你的设计师删除它,你应该全部设置。

答案 1 :(得分:1)

实际上,您可以使用CSS3裁剪SWF。但我遇到了使用CSS3 PIE的问题,我用它来启用IE8中的CSS3效果。即使我没有在CSS3 PIE手册中发现有关该问题的任何通知,此.htc脚本也无法正确裁剪SWF。

编辑:

Opera 11无法在flash对象上渲染圆角。