HTML 鼠标经过，显示隐藏的内容...
答案:2 悬赏:0 手机版
解决时间 2021-02-13 18:41
- 提问者网友：萌卜娃娃
- 2021-02-13 06:34
效果：我把鼠标放到“产品”上，然后出现一个列表，上面有“鼠标”、“键盘”、“音响”...
最佳答案
- 五星知识达人网友：空山清雨
- 2021-02-13 08:05
用DIV+CSS+JS可以实现。
全部回答
- 1楼网友：舍身薄凉客
- 2021-02-13 08:36
如果不需要渐变等特殊效果的话，可以通过css实现。假设图片与文字都为id选择器，图片选择器名称为a，文字选择器名称为b，则相关代码如下（图片宽度假设为100px*100px）：
css代码：
#a{
padding-top:1px;
background:url('0.jpg');
width:100px;
height:100px;
}
#b{
display:none;
}
#a:hover #b{
display:block;
width:100px;
height:30px;
opacity:0.8;
background:#ccc;
margin-top:70px;
text-align:center;
line-height:30px;
}
html代码：
绝对文字
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯