jquery - 在不扭曲形状/阴影的情况下向图形添加文本。 CSS

Question

我一直在尝试将文本添加到这些球体的内部。在谷歌浏览器中，下面的阴影设置为在悬停时出现。我不确定它是否适用于其他浏览器，但阴影的舞台区域意味着我无法添加文本。

Text A, Text B, Text c, Text D 

适当的名称。

如果有人能帮忙，那就太好了。

http://jsfiddle.net/fnjw92dt/

谢谢!

Answer 1

尝试在实际图形中添加一个段落，如下所示:

<div class="stage">
        <figure class="blueball" onclick="$('.main').moveTo(3);"><p>something here</p><span  class="shadow"></span></figure>    
</div>

然后您可以根据需要设置样式:

figure{position:relative;}
figure p{position:absolute; top:60px; left:40px;}

example