1

我在一个div圆角元素内播放了一个 Flash 电影。问题是 Flash 影片切入了其父级的角落。我可能可以通过添加边距来解决这个问题，但我真的不想这样做，因为如果border-radius要更改，边距也需要更改。我强烈希望没有这种依赖，宁愿只剪掉多余的部分（即隐藏溢出，但overflow: hidden;不起作用）。

这是我用来说明问题的小提琴 - http://jsfiddle.net/donnapep/CWepw/1/

谢谢。

更新：我很抱歉。我应该使用 Vimeo 播放器，它是一个不起作用的播放器，即使wmode参数设置为transparent. 这是新的小提琴 - http://jsfiddle.net/donnapep/5ZRKP/7/

4

2 回答 2

1

因此，在 Firefox 中，HTML5 视频和 Flash 视频看起来都像圆角，但在 Chrome 中却不行。所以，我现在只能忍受这个，直到 Chrome 为这些元素添加对边框半径的支持。

于 2013-10-27T10:32:10.220 回答
0

不是最优雅的方法，但它似乎有效。我只是将边框分层并填充父项，以便边框切断下方闪光灯的角落。在 Chrome、Safari 和 Firefox（所有 Mac）中测试。

示例：http: //jsfiddle.net/BWcQ6/3/

HTML：

<div id="placeholder">
   <div id="rounded"></div>
   <object data="http://commondatastorage.googleapis.com/risemedialibrary-0afb2e81-b4a6-41f6-8f26-4eab430ddb3f/Car-speakers-590x90.swf" height="100%" width="100%"></object>
</div>

CSS：

#placeholder 
{
    width: 400px;
    height: 60px;
    border-radius: 15px;
    border: 10px solid #fff;
    position:relative;
    padding:5px;
}

#rounded
{
    width: 400px;
    height: 60px;
    border: 5px solid #000;
    border-radius: 15px;
    position:absolute;
    z-index:2;
    margin:-5px;
}
于 2013-10-23T14:43:00.167 回答