html - 使用一个 DIV 来屏蔽另一个 DIV

Question

最好用截图来解释这个问题: http://i42.tinypic.com/2ccvx91.jpg

包装器 div 有一个城市的背景图片。

#wrapper {
    background:url('city.jpg');
}

在那个 div 里面是一堆其他的 'square' 类的 div:

.square {
    width:40px;
    height:40px;
    background-color:#27272f;
    opacity:.8;
    margin:2px;
}

由于不透明，您可以透过广场看到城市。但是你也可以透过正方形之间的空间看到，我不希望它这样做。我只想通过 div 看到它后面的元素，它们之间的空间是纯黑色的。我该怎么做？

谢谢。

Answer 1

最好的办法是删除边距..并给你的 div 边框 2 px..