CSS를 사용하여 사용자가 요소 위로 마우스를 이동할 때 나타나는 도구 설명 만들기
- WBOY앞으로
- 2023-08-28 16:25:071160검색
다음 코드를 실행하여 마우스 오버 시 표시되는 도구 설명을 만들 수 있습니다. 가시성 속성 사용
Example
라이브 데모
<!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>위 내용은 CSS를 사용하여 사용자가 요소 위로 마우스를 이동할 때 나타나는 도구 설명 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제