jquery - 图像叠加 HTML/CSS

Question

我正在寻找一种解决方案来使用 HTML/CSS 或 jQuery 或任何其他解决方案来获得如下图所示的叠加层。

我想在我的网站上将其用作背景图片的叠加层。

叠加层: Image

Answer 1

如果你想将其设置为你网站的背景，只需在 CSS 文件中编写即可:

html {
    background-image: url(http://oi61.tinypic.com/14o3c3k.jpg)
}

或者通过 jQuery 设置它(你用 jQuery 标记了你的问题，所以我假设你想知道如何这样做)

$("body").parent().css("background-image", "url(" + http://oi61.tinypic.com/14o3c3k.jpg + ")")
//you can also use $("html")… I've just seen cases where that failed for people