Я пытаюсь установить фоновое изображение тела, но только там, где он использует класс 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();