jquery - 无法使用 css 更改 jQuery 图像 slider 的不透明度

Question

我正在帮助 friend 处理一个网站，但我们无法更改使用 jQuery 的图像 slider 的不透明度。

我们尝试了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. 使用不透明度，但在空同级容器上设置不透明度，扩展到内容的高度/宽度