Jquery 创建一个正方形的黑色div，中间有一个透明的圆圈 我试图在中间形成一个透明圆圈的方形div。在这个div后面将有一个图像，透明的圆圈将作为背景中该图像的“窗口”

以下是一个工作示例：

这是我尝试过的，但没有成功：

<div style="width:100%; height:550px; float:left; background:#aaa;">
    <div style="width:250px; height:250px; margin:150px auto; border-radius:125px; background:transparent; border:1px solid #000;">
    </div>
</div>

我很感激任何关于如何做到这一点的建议

---

提前感谢

他们正在使用背景图像

---

这绝对可以在css中完成，只需创建一个圆圈，并将

背景位置设置为
固定
：

.window{
  background: url("http://upload.wikimedia.org/wikipedia/commons/5/52/New_York_Midtown_Skyline_at_night_-_Jan_2006_edit1.jpg") center no-repeat fixed;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}


使用CSS更新：

+1，我希望这不是必须的，而且有一个css解决方案：）我想没有了。。。非常感谢。