Um das Hintergrundbild einer bestimmten Klasse, z. B. „banner_url“, zu ändern, können Sie die CSS-Kaskade durch Hinzufügen nutzen Fügen Sie mithilfe von GM_addStyle() ein Stylesheet zur Seite hinzu.
// ==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;
}
` );Durch die Verwendung von @run-at document-start können Sie visuelles „Flimmern“ während Stiländerungen minimieren. Beachten Sie, dass GM_addStyle() für Greasemonkey 4 nicht funktionsfähig ist. Es wird empfohlen, auf Tampermonkey oder Violentmonkey umzusteigen. Für Greasemonkey 4-Benutzer wird ein Shim für GM_addStyle() bereitgestellt. Darüber hinaus sollten Sie für reine CSS-Manipulation die Verwendung der Stylus-Erweiterung anstelle von Greasemonkey/Tampermonkey in Betracht ziehen.
Das obige ist der detaillierte Inhalt vonWie ändere ich Klassen-CSS mit Greasemonkey/Tampermonkey-Skript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
