在页面顶部的透明背景图象

时间:2012-01-11 17:09:36

标签: html css

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

我设法通过将图像设置为透明来实现此目的。但问题是,除非我将z-index设置为-10000,否则图像被认为是其他所有内容的“顶部”,因此我的链接无法点击。

如何在不使链接无法点击的情况下如何实现我想要做的任何建议?

1 个答案:

答案 0 :(得分:1)

您应该可以使用叠加层上的pointer-events

来执行此操作
#overlay {
  pointer-events: none;
}

这里有一篇好文章 - http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/