Tambahkan animasi pada sifat imej latar belakang dalam teg badan: panduan langkah demi langkah

Saya menggunakan imej latar belakang dalam tag gaya. <style>body{background-image:url("img.jpg");background-size:cover;transition:background-image4slinear;}</style>Saya mahu imej pudar tanpa menambah div berasingan pada halaman . Adakah matlamat ini boleh dicapai?

P粉347804896 2024-03-29 21:59:19 0  2  480

Bagaimana untuk membetulkan imej latar belakang piksel pada penyemak imbas berasaskan Chromium?

Pada penyemak imbas berasaskan Chromium, imej yang dikurangkan yang digunakan sebagai imej latar belakang akan dipikselkan dan akan kelihatan kabur apabila dipaparkan menggunakan teg <img>. Adakah terdapat cara untuk menukar gaya pemaparan imej latar belakang supaya ia kelihatan seperti dipapa...

P粉549412038 2024-03-19 21:10:42 0  1  434

Letakkan penanda interaktif pada imej menggunakan React

tolong bantu. Saya mempunyai imej seperti di bawah yang dipaparkan di halaman utama (imej yang lebih besar). Perhatikan bahawa rumah "FORGE" mempunyai penanda putih dan biru di tengah dengan anak panah hitam. Begitu juga dengan rumah "sewa". Setiap penanda ini akan bertindak seba...

P粉896751037 2023-09-08 21:25:41 0  1  855

Bagaimana untuk menindih imej dengan teks dengan latar belakang bulat

Saya perlu meniru dalam HTML apa yang anda lihat dalam imej ini: Masalahnya ialah teks itu meliputi div dan imej latar belakang. Jika tiada imej dalam div luar dan tiada warna pepejal, saya boleh bayangkan saya boleh melakukan ini dengan agak mudah dengan beberapa elemen html kecil dengan sudut bula...

P粉328911308 2023-08-30 15:20:14 0  1  518

Cara menetapkan imej latar belakang, menjadikannya skrin penuh dan tetapkannya ke bahagian belakang halaman (HTML, CSS, JavaScript)

Saya ingin menetapkan imej latar belakang untuk permainan mudah ini yang telah saya buat tetapi tidak tahu bagaimana untuk mendapatkan imej untuk dipusatkan pada skrin input dan meliputi semua ketinggian dan lebar halaman. Saya juga mahu imej menjadi latar belakang supaya permainan berada di atas im...

P粉384244473 2024-03-22 09:53:51 0  2  420

Membuat butang yang menyesuaikan dengan saiz skrin - penerangan terperinci tentang cara menggunakan imej latar belakang

Saya sedang membangunkan pfsensecaptiveportal yang memerlukan berbilang grafik untuk dipaparkan bersebelahan dan boleh disesuaikan dengan saiz skrin peranti. Ini boleh dicapai dengan baik menggunakan jenis input imej. Walau bagaimanapun, peranti pfsense tidak mengenali komit ini dengan betul. Ia mem...

P粉345302753 2023-08-16 13:38:12 0  1  657

Cuba gunakan imej latar belakang dengan pembolehubah css dalam templat Twig

Jadi saya ada soalan. Saya mahu menggunakan imej latar belakang dengan pembolehubah css, dan dalam projek saya, saya menggunakan Twig untuk menggelungkan artikel yang dipilih daripada pangkalan data saya melalui permintaan sql. Setiap artikel mempunyai pautan relatif kepada imej dalam pangkalan data...

P粉083785014 2023-09-04 12:41:18 0  1  560

Filepond menambah pengepala pengesahan sebelum memaparkan imej

Saya menggunakan pemalam filepond dalam aplikasi Vue saya. Ia sesuai dengan keperluan permohonan saya dengan sempurna. Pada masa ini perkhidmatan bahagian belakang saya menyediakan imej melalui pengesahan JWT. Bagaimana untuk menambah pengepala tersuai ke kolam fail untuk memuatkan imej dalam kompon...

P粉201448898 2024-03-27 13:06:23 0  1  502

Masalah menambah teg sauh di sekitar teg imej

FlexGallery saya berfungsi dengan baik, satu-satunya masalah ialah apabila saya menambah teg <a> di sekeliling teg <img>, semuanya menjadi kacau. Apabila saya membalut tag <img> dengan tag <a> supaya saya boleh membuka imej saiz penuh, ia akhirnya merosakkan keseluruhan reka ...

P粉998100648 2024-03-22 09:43:59 0  1  489

Bagaimana untuk menggunakan imej daripada fail yang dimuat naik dalam HTML sebagai latar belakang?

Saya cuba menggunakan kaedah yang membolehkan pengguna memuat naik imej yang akan digunakan sebagai latar belakang. Saya tidak tahu sama ada saya perlu mendapatkan laluan penuh fail itu. Ini ialah input yang saya cuba gunakan: Ini ialah JavaScript background=selectBackground.value;document.body.styl...

P粉920199761 2023-09-08 13:49:16 0  2  557

Mengapa saya tidak boleh menggunakan komponen sebagai imej latar belakang berulang dalam komponen yang digayakan?

Cuba untuk menetapkan komponen kepada imej latar belakang berulang div Saya mempunyai corak yang digunakan semula di seluruh tapak web. Komponen corak diperkemas: importReactfrom'react'importPropTypesfrom'prop-types'importstyledfrom'styled-components'constContainer=styled.svg`height:${({height})=>...

P粉909476457 2023-09-12 16:55:41 0  1  551

Cuba tambah imej latar belakang dalam html dan css di belakang bar navigasi supaya ruang tidak muncul semasa menatal

Saya tidak tahu bagaimana untuk membuat imej latar belakang dalam html dan css mengisi di bawah bar nav dan pengaki. Apabila saya menatal bar navigasi ruang hanya ruang kosong, saya mahu ia menatal tanpa ruang di bahagian atas dan bawah. Terima kasih! *{box-sizing:border-box;}body,html{margin:0auto;...

P粉118698740 2023-09-10 09:12:07 0  2  578

Laksanakan kesan peralihan untuk penggantian imej menggunakan Javascript tulen

Di tapak web yang saya buat, saya mempunyai beberapa akordion, masing-masing dengan imej di atas. Apabila anda membuka akordion, terdapat penerangan di dalam dan imej bertukar kepada yang lain. Kemudian apabila anda menutup akordion, imej bertukar kembali kepada imej pertama. Masalahnya ialah saya m...

P粉458913655 2024-03-30 00:14:11 0  1  468

Bagaimanakah saya boleh membesarkan ikon latar belakang?

Sebagai contoh, dalam imej latar belakang bab ini, terdapat banyak ikon dalam imej Saya hanya mahu ikon pertama. Dalam css, saya menulis ini: background: url (../images/ xxx.png); background-position:0px -30px; ,

何惜一博 2018-09-21 16:12:16 0  2  1319

Imej PNG responsif pada imej latar belakang?

Saya cuba membuat reka bentuk halaman seperti ini: Klik dan sebenarnya, saya berjaya. Masalahnya ialah apabila saya menukar resolusi halaman web, elemen bertindih, div latar belakang dan PNG berkelakuan berbeza dan semuanya kelihatan mengerikan. (Saya telah cuba menggunakan position:absolute(PNG) da...

P粉107991030 2024-02-21 21:06:46 0  1  471

Tunjukkan imej latar belakang

Saya mahu menambah imej latar belakang pada projek saya tetapi ia tidak berfungsi. Saya cuba menambah imej latar belakang secara global tetapi ia tidak berfungsi.

P粉347804896 2023-07-25 13:13:23 0  1  562

Nisbah aspek imej dalam gambar

Saya mempunyai imej dengan tajuk seperti ini: Tajuk Saya juga mempunyai img{max-width:100%} dalam CSS. Saya ingin menetapkan lebar dan tinggi imej secara serentak dan mengekalkan nisbah bidang apabila lebar berkurangan di bawah nilai yang ditetapkan. Jadi, saya cuba kod seperti ini: Tajuk Ini adalah...

P粉557957970 2023-08-17 20:24:04 0  1  515

Latar belakang dan teks lutsinar dipotong

Adakah terdapat cara untuk menggunakan CSS untuk mencipta kesan memotong teks lutsinar dari latar belakang seperti yang ditunjukkan di bawah? Adalah memalukan untuk kehilangan semua SEO berharga anda kerana imej menggantikan teks. Saya mula-mula memikirkan bayang-bayang, tetapi saya tidak dapat memi...

P粉439804514 2024-03-25 16:47:36 0  2  636

Bagaimana untuk menetapkan imej latar belakang menggunakan Next.js?

Saya cuba menetapkan imej latar belakang menggunakan Next.js tetapi tidak dapat. Ini tidak akan berfungsi. Imej tidak akan dipaparkan: //globals.cssbody{background:url("/images/grid.svg")repeat;} Saya mahu mengulangi imej latar belakang di seluruh halaman seperti ini: Bagaimana untuk menye...

P粉725827686 2023-09-09 12:39:05 0  1  565

Bagaimanakah saya boleh menempah ruang untuk imej bersaiz berubah-ubah sebelum ia dimuatkan untuk mengelakkan perubahan reka letak?

Saya mempunyai halaman html yang mengandungi teks, tag imej dan beberapa teks seperti ini: Ini adalah teks sebelum imej. <imgsrc="image.jpeg"/>Ini ialah teks selepas imej. Sekarang apabila halaman dimuatkan, teks dimuatkan sebelum imej kerana imej mengambil masa yang lebih lama untuk...

P粉936509635 2023-08-28 00:04:44 0  1  639