blocks|key|3970319|text|在你的HTML源中使用这个：&#9662;|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3970320|你可以在这里看到结果：▾|3970321|或者here。|3970322|entityMap|0|LINK|mutability|MUTABLE|url|http://pastehtml.com/view/birheq4cm.html^0|E|7|0|0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|J|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

Use this in your HTML source:
 <code>&amp;#9662;</code>

You can see the result here: &#9662;

Or <a href="http://pastehtml.com/view/birheq4cm.html" rel="nofollow">here</a>.

blocks|key|5585173|text|给你-这是一个Unicode+Symbol。完整的图表在维基百科上。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5585174|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Unicode_Geometric_Shapes^0|7|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Here you go - Its a <a href="http://en.wikipedia.org/wiki/Unicode_Geometric_Shapes" rel="nofollow">Unicode Symbol</a>. The full chart is over at Wikipedia.

blocks|key|3970365|text|Unicode字符U%2B25BC是一个指向下的实心三角形：。您还可以将html块元素的宽度和高度设置为零，并将特殊的边框属性应用于元素的三个边，从而使其看起来像三角形。这种技术称为CSS+triangle+hack。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3970366|entityMap|0|LINK|mutability|MUTABLE|url|http://davidwalsh.name/css-triangles^0|9|6|2H|H|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

Unicode character <code>U+25BC</code> is a solid triangle pointing down: ▼. You can also finagle html block elements to look like triangles by giving them a width and height of zero and applying special border properties to three of the element's sides. This technique is known as the <a href="http://davidwalsh.name/css-triangles" rel="nofollow">CSS triangle hack</a>.

blocks|key|197695|text|您可以在不使用图像或任何unicode字符的情况下完成此操作。这是twitter+bootstrap用来制作工具提示的技巧。其想法是在弹出窗口下使用一个小框，带有一个大的透明边框，但只显示顶部边框，所有这些都是通过使用css完成的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197696|​|197697|📷|atomic|offset|length|197698|197699|请查看here的解释。和一个现场演示here|197700|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/4f030850be3ba9f0cf2d28f93d9f26d9.png|imageAlt|1|LINK|MUTABLE|url|http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/|2|http://cssdeck.com/labs/pure-css-arrow-with-border-tooltip^0|0|0|0|1|0|0|0|3|4|1|I|4|2|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@$G|14|H|15|1|16]]|A|$]]|$1|I|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|18|8|@]|9|@$G|19|H|1A|1|1B]|$G|1C|H|1D|1|1E]]|A|$]]|$1|L|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]|U|$5|V|P|W|A|$X|Y]]|Z|$5|V|P|W|A|$X|10]]]]

You can do it without using image or any unicode character. this trick used by twitter bootstrap to make tooltips. the idea is by using a small box under your popup with a big transparent border but only showing the top border, all done by using css. 

<img src="https://i.stack.imgur.com/XIpDh.png" alt="enter image description here">

check out the explanation <a href="http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/" rel="nofollow noreferrer">here</a>. and a live demo <a href="http://cssdeck.com/labs/pure-css-arrow-with-border-tooltip" rel="nofollow noreferrer">here</a>

Sometimes when I hover over images and what not, I see a tiny triangle linking the pop up thing to it's image. For example, the tiny triangle next to your username on the center top of the stackoverflow page. How do I do that? Do you use CSS3 for this? Thanks.

How do I add a tiny triangle to the bottom of a pop-up element that appears when I hover over a link?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有时，当我将鼠标悬停在图像上时，我会看到一个小三角形将弹出的东西连接到它的图像。例如，在stackoverflow页面的中心顶部，您的用户名旁边的小三角形。我该怎么做？你使用CSS3做这件事吗？谢谢。

问当我将鼠标悬停在链接上时，如何在弹出元素的底部添加一个小三角形？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我将鼠标悬停在链接上时，如何在弹出元素的底部添加一个小三角形？EN