img鼠标悬停显示文字
时间: 2023-08-24 08:06:12 浏览: 73
CSS3鼠标经过下拉显示二维码.zip
你可以使用HTML中的"alt"属性来实现。例如:
```
<img src="your-image.jpg" alt="your-text">
```
当鼠标悬停在图片上时,"your-text"将会显示出来。你也可以使用CSS来自定义显示效果,例如:
```
img:hover::after {
content: attr(alt);
background-color: black;
color: white;
padding: 5px;
position: absolute;
left: 0;
top: 100%;
z-index: 1;
}
```
这样当鼠标悬停在图片上时,会在图片下方显示一个黑色背景、白色文字的框,并显示"alt"属性中的文本。
阅读全文