Bagaimana untuk Mengatasi Gaya CSS untuk Kelas \'banner_url\' dengan Greasemonkey/Tampermonkey?

Memanipulasi CSS Kelas dengan Greasemonkey/Tampermonkey

Anda berusaha untuk mengubah suai imej latar belakang elemen halaman dengan kelas "banner_url". Sifat CSS yang dikehendaki disediakan.

Menggunakan Cascade CSS dengan Greasemonkey:

Suntikan peraturan CSS ke dalam halaman menggunakan GM_addStyle(). Kami mengesyorkan skrip berikut:

// ==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;
    }
` );

Nota:

• Gunakan bendera "!penting" untuk mengutamakan peraturan anda.
• Jalankan skrip di document-start untuk meminimumkan kelipan visual semasa perubahan gaya.

Alternatif:

• Tampermonkey/Violentmonkey: Disyorkan berbanding Greasemonkey 4.
• Stylus: Sambungan khusus untuk manipulasi CSS.

Atas ialah kandungan terperinci Bagaimana untuk Mengatasi Gaya CSS untuk Kelas \'banner_url\' dengan Greasemonkey/Tampermonkey?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!