使用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的方形角落

回答

相關問題