cari

Rumah  >  Artikel  >  hujung hadapan web  >  Gunakan CSS untuk mencipta petua alat yang muncul apabila pengguna menggerakkan tetikus ke atas elemen

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

WBOY
WBOYke hadapan
2023-08-28 16:25:071099semak imbas

使用 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>

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!

Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Cara menggunakan CSS untuk menentukan media sasaran dalam bahasa dokumenArtikel seterusnya：Cara menggunakan CSS untuk menentukan media sasaran dalam bahasa dokumen

Artikel berkaitan

Lihat lagi