无法使用css更改jQuery图像滑块的不透明度

Question

我正在帮助网站上的朋友，我们无法更改使用jQuery的图片滑块的不透明度。

我们已尝试opacity:1;和background:rgba(0, 0, 0, 1);

http://cafe.cic.hull.ac.uk/~374332/IM_v2_New/HTML/index.html

非常感谢任何帮助

感谢。

Answer 1

当父容器上的opacity（在这种情况下为#contentBorder div）设置为小于1时，任何子节点都继承该节点并且不能高于父节点。

一些替代方案：

1. 创建一个alpha透明背景图像，以便在父级上使用，以便获得相同的效果。

2. 在父级上使用RGBA或HSLA背景颜色（IE8及更低级别不支持）

3. 使用不透明度，但在空的同级容器上展开不透明度，扩展到内容的高度/宽度