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