Прочитал сегодня
http://habrahabr.ru/post/141262/
Попробовал сделать, чтобы заработало в опере немного по другому
не с помощью overflow:hidden в элементе с border-radius,
а используя box-shadow и background: transparent
правда понадобился третий элемент и есть определенные ограничения у этого решения, но вроде у меня в opere 11.61 заработало
автору статьи не писал, нет прав на это в habre
возможно, кому-то пригодится
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
.wrap{
width:150px;
height:150px;
background:green;
position: relative;
overflow: hidden;
}
.p2{
width:400px;
height:400px;
background:red;
position: absolute;
border-radius:100%;
left: 20px;
top: 20px;
}
.p1{
width:150px;
height:150px;
position: absolute;
background:transparent;
border-radius:100%;
box-shadow: 0 0 1px 200px #fff;
}
</style>
</head>
<body>
<div class="wrap">
<div class="p2">This is Sparta!</div>
<div class="p1"></div>
</div>
</body>
</html>