z-index与背景图像＆amp;透明度

Question

我正在尝试创建一个半透明的div＆amp;在上面写文字。

所以我创建了一个位置相对的父标签。 让一个孩子跨度设置透明度.body-content-background 和另一个拥有所有文字内容menu-bar

的孩子

我已将父div的z-index设为-999 后台子div为-9 和文本div child 1

但是文本div中的<a>链接仍然无法点击..（或白色半透明div）不会出现）

http://jsfiddle.net/GauravMShah/MHhNG/

有人可以告诉我哪里错了吗？

Answer 1

这是你的目标吗？ http://jsfiddle.net/MHhNG/1/

我已经改变了你的z-index值，所以背景是0，透明div是1，链接是2（我必须添加它并给它们位置：相对）。

你可能想再次更改它们以获得更多的间隔值，因为你需要在它们之间安装其他东西（例如10,20,30）。

Answer 2

你可以使用不透明度和父div上的过滤器来做这件事。 即：

#main {
    clear: both;
    overflow: hidden;   
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.60)";  zoom: 1;
}