Gaya tuding CSS pada elemen di dalam div dengan transform-style:preserve-3d tidak berfungsi dalam Safari-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Gaya tuding CSS pada elemen di dalam div dengan transform-style:preserve-3d tidak berfungsi dalam Safari

P粉346326040 2023-08-30 18:33:26

408

Saya melaksanakan pengepala tatal paralaks dengan beberapa ikon sosial di dalamnya dengan gaya tuding. Gaya tuding pada masa ini tidak berfungsi dalam Safari. Apabila saya mengalih keluar transform-style:preserve-3d Ia berfungsi dengan baik dalam Chrome.

    
      Perjalanan &
Lanskap
Fotografi
   
 
  
 
 
 
 
 Ikon nyah percikan di bawah tajuk harus mempunyai gaya tuding (oren dan kursor).

P粉346326040

membalas semua (1)

P粉3229187292023-08-31 14:06:39 Tingkat 1

Oleh kerana apabila anda menggunakan "transform-style:preserve-3d", yang menjadikan elemen z-index -1, maka anda tidak akan dapat memilih item dan menuding pada Safari.

Mekanisme pemaparan Safari SVG berfungsi dengan sangat berbeza, jadi struktur HTML-CSS yang kompleks harus dielakkan.

Sebenarnya, struktur HTML tidak mantap, dan jika anda membina asas yang sihat terlebih dahulu, anda akan menghadapi masalah yang jauh lebih sedikit dan lebih sedikit kerja.

Saya rasa HTML-css kelihatan tidak sihat.

Saya buat contoh struktur yang lebih ringkas dan mesti ada.

Tetapi saya rasa anda mahu imej itu bergerak semasa anda menatal ke bawah. Jika anda mahu ini, anda boleh menambah JS. Anda boleh menentukannya jika perlu.

https://codepen.io/sawacrow/pen/jOeeEXM