Html 如何使我的图像平铺在背景中透明

我已经创建了一组瓷砖格式的图像，就像3行方形框中的10个图像一样。现在我希望我的图像平铺在背景中，并且是透明的。我想在图像平铺的顶部再放置一个div元素。例如：我希望我的页面像：www.befunky.com

当图像以瓷砖形式排列时，屏幕上会出现一个普通的屏幕。背景平铺图像可见。我知道他们可能已经使用了一个图像，但我的要求，我想做它使用css

我的代码如下：

          <div class="in-section">
            <div class="tiles tile1">
            </div>
            <div class="tiles tile2">
            </div>
            <div class="tiles tile3">
            </div>
            <div class="tiles tile4">
            </div>
            <div class="tiles tile5">
            </div>
            <div class="tiles tile6">
            </div>
            <div class="tiles tile7">
            </div>
            <div class="tiles tile8">
            </div>
            <div class="tiles tile9">
            </div>
            <div class="images">
            </div>
        </div>

---

添加这些CSS样式。使用z索引将图像发送到in section div后面

.tiles{
    position: relative;
    z-index: -50; 
}
.in-section{
    background-color:rgba(255,0,0,.8); //rgba color for red with some transparency.
};

---

.tiles{opacity:0.5}

？或

rgba（0,0,0,0.5）

？我希望这些tiles像在www.befunky.com中一样位于背景中，并且还有一个div类元素位于其共享a或其他任何内容之上。“我想要这个”不是这么回事。。。

.tiles{
    position: relative;
    z-index: -50; 
}
.in-section{
    background-color:rgba(255,0,0,.8); //rgba color for red with some transparency.
};