我正在尝试设置身体的背景图像，但只在它使用类banner_url的地方。 HTML如下：
<body id="app_body" class="banner_url desktopapp" data-backdrop-limit="1">
基本上，我想强制页面使用以下CSS代替：
.banner_url {
background: url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
我试图使用Greasemonkey这样做，如果它有任何区别。有谁知道我怎么能这样做？我从以下开始，但运气不好：
function randomBG(){
document.getElementsByClassName("banner_url").style.backgroundImage="url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg')no-repeat center center fixed;";
}
randomBG();
为此，只需使用CSS级联。使用GM_addStyle()向页面添加样式表。
注意：
!important标志来涵盖某些潜在的冲突。@run-at document-start（或使用Stylus，见下文）来最小化与初始渲染后更改样式相关的“闪烁”。一个完整的脚本：
// ==UserScript==
// @name _Override banner_url styles
// @include http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
GM_addStyle ( `
.banner_url {
background: url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg') no-repeat center center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
` );
请注意，如果您使用Greasemonkey 4，它已经破坏了GM_addStyle()（以及许多其他东西）。
强烈建议您切换到Tampermonkey或Violentmonkey。
事实上，Greasemonkey的控制开发商says as much himself。
与此同时，对于那些坚持GM4的受虐狂来说，这是一个垫片：
function GM_addStyle (cssStr) {
var D = document;
var newNode = D.createElement ('style');
newNode.textContent = cssStr;
var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
targ.appendChild (newNode);
}
另外，对于纯CSS操作， 时尚 Stylus extension是比Greasemonkey / Tampermonkey更好的选择。
这样的事情怎么样？
document.getElementsByClassName("banner_url")[0] .style.backgroundImage="url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg')";
但我必须承认，我不确定这个问题