Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Adakah `transform: scale` Limpahan dalam Chrome dengan `overflow: hidden` dan `border-radius`?

Mengapa Adakah `transform: scale` Limpahan dalam Chrome dengan `overflow: hidden` dan `border-radius`?

Linda Hamilton
Linda Hamiltonasal
2024-10-30 20:47:18767semak imbas

Why Does `transform: scale` Overflow in Chrome with `overflow: hidden` and `border-radius`?

Isu Limpahan dengan Transformasi: Skala dalam Chrome

Masalah:

Semasa cuba mencipta kesan zum menggunakan CSS transform: skala, didapati bahawa div anak melangkaui sempadan div induk apabila limpahan: tersembunyi dan jejari sempadan digunakan pada induk. Isu ini berterusan walaupun apabila peralihan telah ditambahkan.

Penyelesaian:

Menambahkan transformasi: translateZ(0); kepada elemen pembungkus menyelesaikan masalah itu. Seperti yang diperincikan dalam demo yang disediakan, teknik ini memanipulasi dimensi ketiga (paksi-Z) untuk meningkatkan prestasi dan mengatasi masalah limpahan.

Atas ialah kandungan terperinci Mengapa Adakah `transform: scale` Limpahan dalam Chrome dengan `overflow: hidden` dan `border-radius`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn