我想要创建一个小的信息框。所以当你用鼠标悬停在图像上时,你会看到一个小盒子,形状像云,你可以在里面看到一些信息。我在很多网站上见过这个。我试着搜索整个网络,但只找到了javascript弹出框。但是thoose只会出现在一个全新的屏幕上。
“帮助是见习的!:)
干杯,杰西
代码:
<html>
<body>
<input type="text" name="username" id="username"><p>
<input type="text" name="password" id="password">
<img src="files.directofficesupport.com/img/randompassgen_16x16.png" alt="Random password generator">
</body>
</html>
发布于 2013-12-30 10:36:58
您可以尝试使用:悬停伪元素(CSS),并为容器创建一个半透明的背景,以表示云。
如果您提供了一些HTML代码,我可以尝试用CSS帮助您更新这个答案。
同时,您可以在这里找到一个简单而又漂亮的示例:http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/
https://stackoverflow.com/questions/20837748
复制相似问题