CSS圆角在Safari / Opera中不起作用

Question

我是CSS的新手，但是正在尝试学习前端编码。 我搜索了许多不同的站点，包括该站点，以尝试找出为什么我的圆角无法在Safari或Opera中工作。 我的代码已经包含了大部分建议，其他代码似乎不适用于我的情况。 我使用的是Mac（10.6.8）。 在Mozilla，IE9和Chrome中可以正常运行。 这是一个拥有SWF的补充DIV。 这是代码：

#container {
  height: 600px;
  width: 955px;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  border-bottom-right-radius: 18px;
  border-top-left-radius: 18px;
  -webkit-border-bottom-right-radius: 18px;
  -webkit-border-top-left-radius: 18px;
  -o-border-bottom-right-radius: 18px;
  -o-border-top-left-radius: 18px;
  -moz-border-radius-bottomright: 18px;
  -moz-border-radius-topleft: 18px;
}

这是我站点的链接：www.mentalwarddesign.net

我也尝试过（对于它的麻烦）在我不想影响的2个角上指示“ 0”值。 另外，我尝试了“边界半径：18px”来简单地四舍五入。 除了Safari和Opera以外，两者都具有相同的工作效果（当然，IE 6-8也是如此）。 它一定很简单。 如果我错过了之前在这里回答过的问题，请原谅我并指出正确的方向。 我在这里找到的最近的帖子是： Safari中的CSS圆角错误？ 但我发现那里没有任何帮助。

Answer 1

在这里您可以找到带有代码的工作版本...

http://www.css3maker.com/

http://css3please.com/

Answer 2

看起来这实际上是Flash Player不符合overflow: hidden 。 大概可以用文本代替swf吗？

IIRC，您必须在swf中添加wmode <param /> ：

<param name="wmode" value="transparent">