


Bagaimanakah Saya Boleh Memutar Imej Latar Belakang dalam Bekas Tanpa Menjejaskan Kandungannya?
Dec 04, 2024 am 10:38 AMMemutar Imej Latar Belakang dalam Bekas
Dalam soalan ini, pengguna ingin memutarkan imej latar belakang yang diletakkan di bahagian bawah bar skrol Chrome, tetapi hanya imej , bukan kandungannya.
CSS yang disediakan:
::-webkit-scrollbar-button:vertical:decrement { background-image: url(images/arrowup.png); -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); background-repeat: no-repeat; background-position: center; background-color: #ECEEEF; border-color: #999; }
Untuk mencapai putaran yang diingini tanpa mempengaruhi kandungan, pendekatan dua peringkat dicadangkan. Mula-mula, cipta elemen pseudo dengan putaran yang diingini menggunakan transformasi CSS:
#myelement:before { content: ""; position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; z-index: -1; background: url(background.png) 0 0 repeat; transform: rotate(30deg); }
Ini mencipta elemen pseudo telus yang merentangi keseluruhan bekas dan diputar mengikut sudut yang dikehendaki. Kandungan bekas kemudiannya diletakkan di atas elemen pseudo yang diputar ini.
Seperti yang dicadangkan dalam sumber yang dirujuk, teknik ini membenarkan penggiliran imej latar belakang tanpa memutarbelitkan kandungannya.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memutar Imej Latar Belakang dalam Bekas Tanpa Menjejaskan Kandungannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menambah bayang -bayang kotak ke blok dan elemen WordPress

Buat borang hubungan JavaScript dengan rangka kerja pintar

Buat editor teks sebaris dengan atribut yang boleh dipertikaikan

Menjadikan Peralihan Svelte Khas pertama anda

Membandingkan 5 Pembina Borang PHP Terbaik (dan 3 skrip percuma)

Muat naik fail dengan multer di node.js dan ekspres
