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

부모 컨테이너 (이 경우 #contentBorder div)의 opacity을 1보다 작게 설정하면 모든 자식이 상속되며 부모보다 높을 수 없습니다.

몇 가지 대안 :

1. 이 같은 효과를 얻을 수 있도록 부모에 사용하는 알파 투명 배경 이미지를 만들 수 있습니다.

2. 제 (IE8 낮은되지 지원) 부모

3. 사용 불투명도 만에 사용 RGBA 또는 HSLA 배경 색상이 내용의 높이/너비로 확장 빈 형제의 용기에 불투명도을