Question

在我的PM给出的设计中，我需要创建语音泡沫作为调用功能或为用户提供帮助的方法。

Speech bubble call out example

泡泡应该能够处理任何数量的文本。例如，它可能是15个字或150个。是的，这将是一个大泡沫。

用户点击帮助按钮（？）并且气泡应该淡入并且不会干扰周围的UI元素。

Answer 1

除了部分褪色。但这很简单。

如果你一切正常并且只能找不到圆角边框，你可以试试css属性`border-radius：#px;

它还具有其他浏览器兼容性的属性：

-webkit-border-radius: #px; 
-moz-border-radius: #px;

Answer 2

如果你想让它与IE8及以下版本兼容，那么带有圆角的纯CSS解决方案将很难。确保在实现该平台之前在所有平台上进行测试。

Answer 3

实际上IE8及以下版本不支持border-radius。相反，您可以使用Sprint或PIE CSS作为解决方法。

Answer 4

计算从顶部到按钮的高度，然后从div中绘制高度，并使用其中的内容。要获取包含内容的div的高度，请在视口外部创建具有相同css-properties的副本。