2012-01-11 2 views
4

웹 페이지 위에 표시하고 싶거나 배경 이미지를 워터 마크로 상상해보고 싶은 배경 이미지가 있습니다. 내 웹 페이지에서 필터로 배치하고 싶습니다. 그래서 모든 페이지에이 "워터 마크"가 있습니다.페이지 위쪽에 투명한 배경 이미지

이미지를 투명하게 설정하여 관리했습니다. 그러나 문제는 -10000을 말하도록 Z- 인덱스를 설정하지 않으면 이미지가 다른 모든 것 위에 "있는"것으로 간주되어 링크가 끊어지지 않는다는 것입니다.

링크를 끊지 않고 만들려고 노력하는 방법에 대한 제안 사항은 무엇입니까?

+0

흥미로운 질문,하지만 내가 할 수있는 방법이라고 생각하지 않습니다 이. 이미지는 위에 있거나, 모든 것을 가리고, 아래에 있거나, 다른 모든 것에 의해 가려져 있습니다. –

+1

[기본 요소에 DIV 클릭] 가능한 복제본 (http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements) –

답변

1

당신은 여기에 좋은 포스트있다

#overlay { 
    pointer-events: none; 
} 

오버레이이 사용 pointer-events을 할 수 있어야 - http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/

+0

입력 해 주셔서 감사합니다! 하지만 unfortunatly 나는 다른 것들 사이에 IE7 지원이 필요하므로 아직 이것을 사용할 수 없습니다 ... : ( – user829237

+0

그것은 항상 피 묻은 IE의 - http://stackoverflow.com/questions/5855135/css-pointer-events-property-alternative-for- 즉 – SpaceBeers