標籤：css
CSS滑鼠經過時顯示:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>純CSS Tooltips（滑鼠經過時顯示）</title><style type="text/css">/*Tooltips*/.tooltips{position:relative; /*這個是關鍵*/z-index:2;}.tooltips:hover{z-index:3;background:none; /*沒有這個在IE中不可用*/}.tooltips span{display: none;}.tooltips:hover span{ /*span 標籤僅在 :hover 狀態時顯示*/display:block;position:absolute;top:21px;left:9px;width:15em;border:1px solid black;background-color:#ccFFFF;padding: 3px;color:black;}</style></head><body><br /><br /><a class="tooltips" href="#tooltips">這就是Tooltips<span>如你所見,這些附加的解說文字在滑鼠經過的時候顯示。</span></a></body></html>
CSS滑鼠經過時顯示
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
