2012-01-11 61 views
4

我有一个背景图片,我想在我的网页顶部显示,或者更好地解释,将背景图片想象为水印。我想把它作为我的网页上的过滤器。因此,每一页都有这个“水印”页面顶部的透明背景图片

我已经设法通过设置图像透明。但问题是,除非我设置z-index来表示-10000,那么图像被认为是其他任何东西的“顶部”,因此我的链接是不可点击的。

任何建议如何实现我想要做的事情,而不使链接无法点击?

+0

有趣的问题,但我不认为有办法做到这个。一张图片不在顶部,遮住了一切,或者在下面,被其他一切遮住了。 – 2012-01-11 17:13:28

+1

[点击DIV到底层元素]可能的副本(http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements) – 2012-01-11 17:15:35

回答

1

你应该能够在覆盖

#overlay { 
    pointer-events: none; 
} 

有一个很好的职位上这里做到这一点使用pointer-events - http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/

+0

感谢您的输入!但不幸的是,我需要IE7的支持,所以我不能使用这个......( – user829237 2012-01-11 17:26:53

+0

它总是血腥的IE浏览器 - http://stackoverflow.com/questions/5855135/css-pointer-events-property-alternative-for-即 – SpaceBeers 2012-01-11 17:31:11