使用CSS实现中间镂空的图片遮罩效果

中间镂空的图片遮罩指的大概就是这样一个效果：

镂空一个洞的代码
CSS Code复制内容到剪贴板

1. "container" style="position: relative; margin: 550px 0 0 50px;">   
2.   
3.   
4.   
5.   
6.   
7.   
8.   
9.   
10.   
11. 
    
      
12.   

镂空多个洞的代码

1. "container" style="position: relative;">   
2.   
3.   
4.   
5.   
6.   
7.   
8.   
9.   
10.   
11.   
12.   
13. 
    
      
14.   

CSS3 版

用 box-shadow ，代码如下：

1. position: fixed;   
2. left: 150px;   
3. top: 35px;   
4. width: 100px;   
5. height: 100px;   
6. border-radius: 100px;   
7. box-shadow: rgba(0,0,0,.8) 0px 0px 0px 2005px;   
8. z-index: 100;  

缺点是只能镂空一个洞。