当我将鼠标悬停在链接上时，如何在弹出元素的底部添加一个小三角形？
当我将鼠标悬停在链接上时，如何在弹出元素的底部添加一个小三角形？
提问于 2011-12-28 06:39:49
有时，当我将鼠标悬停在图像上时，我会看到一个小三角形将弹出的东西连接到它的图像。例如，在stackoverflow页面的中心顶部，您的用户名旁边的小三角形。我该怎么做？你使用CSS3做这件事吗？谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-12-28 06:42:26
在你的HTML源中使用这个：▾
你可以在这里看到结果：▾
或者here。
Stack Overflow用户
发布于 2011-12-28 06:49:52
Unicode字符U+25BC是一个指向下的实心三角形：。您还可以将html块元素的宽度和高度设置为零，并将特殊的边框属性应用于元素的三个边，从而使其看起来像三角形。这种技术称为CSS triangle hack。
Stack Overflow用户
发布于 2013-12-21 06:47:09
您可以在不使用图像或任何unicode字符的情况下完成此操作。这是twitter bootstrap用来制作工具提示的技巧。其想法是在弹出窗口下使用一个小框，带有一个大的透明边框，但只显示顶部边框，所有这些都是通过使用css完成的。
请查看here的解释。和一个现场演示here
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8650029
复制相关文章
相似问题
腾讯云开发者
