Как сделать круглый Div в Chrome?

У меня есть этот div , который действует как линза в масштабирование изображения. Но проблема в том, что я хочу, чтобы он был круговым.Я использую это для этого:

-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;

Проблема в том, что он делает div круглым, но не скрывает углы изображения, которые не являются частью круга, и, следовательно, показывает прямоугольник.

URL-адрес: http://chokate.maninactionscript.com/chokates/

Щелкните изображение пустыни, а затем посмотрите увеличенное изображение справа для увеличения эффекта. Если вы дадите линзе div границу 1px сплошной красный , то вы увидите, что div на самом деле круглый, но он не скрывает бесполезную часть изображения.

Есть идеи?

10
задан Anish Gupta 11 February 2012 в 13:53
поделиться