使用jQuery创建基于HTML/CSS的语音泡泡

Question

在我的PM给出的设计中,我需要创建语音泡沫作为调用功能或为用户提供帮助的手段.

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

用户单击帮助按钮(？)并且气泡应该淡入并且不会干扰周围的UI元素.

Answer 1

你可以用css完成所有工作:http: //nicolasgallagher.com/pure-css-speech-bubbles/

除了部分褪色.但那是简单的jquery.

如果你有一切正常工作,只能找出圆角边框,你可以尝试css属性`border-radius:#px;

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

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