首页 > 代码库 > css span提示框 练习(不能用div)
css span提示框 练习(不能用div)
<!DOCTYPE html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="style/style.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js.js"></script> <style type="text/css"> </style> <script type="text/javascript"> </script></head><body><div> <h1>上下文增加内容，方便测试位移</h1> <p>增加内容方便测试位移：鼠标<a href="#">悬浮<span>鼠标悬浮提示鼠标悬浮提示鼠标悬浮提示鼠标悬浮提示鼠标悬浮提示</span></a>提示练习测试</p> <h2>上下文增加内容，方便测试位移</h2></div></body></html>
span{ display: none;}a{ text-decoration: none; font-weight: bold; color: red; position: relative;}a:hover span{ border: 1px solid black; display: block; position: absolute; background: #ffffff; width:120px; height: 120px; margin:4px 0 0 10px; padding:8px;}
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。