我想创建一个小信息框。因此,当您使用鼠标将鼠标悬停在图像上时,您会看到一个云形状的小盒子,您可以在其中读取一些信息。 我在很多网站上看过这个。我尝试搜索整个网络,但只找到了javascript弹出框。但只是在一个全新的屏幕上弹出。
帮助很有用! :)
干杯, 杰西
代码:
<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>
答案 0 :(得分:0)
您可以尝试使用:hover伪元素(CSS)并为容器创建半透明背景以表示云。
如果您提供一些HTML代码,我可以尝试帮助您使用CSS更新此答案。
同时,你可以在这里找到一个简单而美丽的例子: http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/