Gunakan CSS untuk mencipta petua alat yang muncul apabila pengguna menggerakkan tetikus ke atas elemen

WBOY

Lepaskan： 2023-08-28 16:25:07

ke hadapan

1097 orang telah melayarinya

使用 CSS 创建当用户将鼠标移动到元素上时出现的工具提示

Anda boleh cuba menjalankan kod berikut untuk mencipta petua alat yang boleh dilihat pada tetikus. Menggunakan atribut keterlihatan

Contoh

Demo langsung

<!DOCTYPE html>
<html>
   <style>
      #mytooltip #mytext {
         visibility: hidden;
         width: 100px;
         background-color: black;
         color: #fff;
         text-align: center;
         border-radius: 3px;
         padding: 10px 0;
         position: absolute;
         z-index: 1;
      }
      #mytooltip:hover #mytext {
         visibility: visible;
      }
   </style>
   <body>
      <div id = "mytooltip">Hover the mouse over me
         <p id = "mytext">My Tooltip text</p>
      </div>
   </body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Gunakan CSS untuk mencipta petua alat yang muncul apabila pengguna menggerakkan tetikus ke atas elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：tutorialspoint.com

Artikel sebelumnya：Cara menggunakan CSS untuk menentukan media sasaran dalam bahasa dokumen Artikel seterusnya：Gunakan CSS untuk pudar dalam kesan animasi yang besar

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang