覆盖背景图像的一部分，而其他部分仅使用CSS和HTML透明

Question

我正在使用Twitter Bootstrap（版本2.3.1）来构建一个网站，我正在努力实现以下目标：

http://jsfiddle.net/MgcDU/2916/

在该网站上，我使用大图像作为<section>的背景，从屏幕左边缘到右边缘（一直到达）。

我想在该图像的顶部放置一个分页元素。导航元素本身是透明的（因此下面的图像可以透过），并且分页元素的左右空间可以设置为白色或页面背景颜色（它应该覆盖图像，这就是全部）。

我已经给出了分页元素的透明度：

.pagination li a, .pagination li span {
    background: transparent;
}

我根本不知道如何获得分页周围的空白区域。

有人可以帮我解决这个问题吗？！

Answer 1

.pull-right { position: relative; top: 2em; background: #ccc }

http://jsfiddle.net/MgcDU/2917/

这样的东西？