2012-02-04 6 views
1

CSS의 오버레이 위에 이미지를 표시하려고합니다. 이미지는 래퍼 내부에도 있습니다.CSS에서 오버레이 배경 이미지 표시

코드는 IE 8, Firefox 및 기타 최신 브라우저에서 정상적으로 작동하지만 이미지가 성공적으로 "빛나고"IE 7에서는 스택 오버레이가 아닌 오버레이 이미지가 스택에 삽입됩니다. .

정확한 문제가있는 JSFiddle을 만들었습니다. 주황색 배경은 .wrapper이고 이미지는 .image 내부의 이미지 태그이며 .overlay는 투명 배경입니다.

JSFiddle URL은 다음과 같습니다 http://jsfiddle.net/7Lvus/

배치 Z- 인덱스입니다 통해 내가 이미지를 "빛나는"하고있어 방법 :이 일을 할 수있는 방법 어떤 생각을 가지고 이미지입니다

누군가에 4 바로 IE 7에

은 다음과 같이 당신에게

답변

1

감사 (I는 IE 8 호환성 모드에서 테스트 해요) 당신은 의미 : jsfidle

래퍼 내부에 오버레이를 배치하거나 외부 링크 인 IE7이 다른 상속 수준의 겹치는 Z- 인덱스로 작동하지 않는 것 같습니다

관련 문제