CSS:带有透明 div 部分的不透明叠加层

Question

我正在为一个网站开发一个帮助系统，他们希望页面在激活时变成不透明的，除了您可以在其上获得帮助的 DIV。

问题是我不知道如何让特定的 div 在不透明背景上“显得”透明。

我尝试将 div 的 z-index 设置为高于背景的值，但这似乎不起作用。

这是一个说明问题的 JSBin。任何具有“帮助”类的东西都应该看起来是透明的(即不透明)

http://jsbin.com/ifohuc/1/edit

谢谢。

Answer 1

必须在css文件中设置li.help的position属性

例如

position:relative;