Question

我是CSS的新手，但我正在尝试学习前端编码。我搜索了很多不同的网站，包括这个，尝试找出为什么我的圆角在Safari或Opera中不起作用。我的代码已经包含了大部分建议，而其他代码似乎并不适用于我的情况。我在Mac上（10.6.8）。适用于Mozilla，IE9及其他产品。铬。这是一个持有瑞士法郎的conafiner 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”值。另外我尝试了“border-radius：18px”来简化所有角落。两者都具有相同的效果，除了Safari和amp; Opera（当然，IE 6-8也是如此）。它必须是简单的东西。如果我以前在这里回答过这个问题，请原谅我，并指出我正确的方向。我在这里找到的最近的帖子就是这个：CSS rounded corners bug in Safari?但我在那里找不到任何有用的东西。

Answer 1

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

http://www.css3maker.com/

http://css3please.com/

Answer 2

看起来这实际上是Flash播放器不符合overflow: hidden的情况。据推测，它可以用文本代替swf吗？

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

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

CSS圆角不适用于Safari / Opera

2 个答案: