2011-07-22 36 views
1

创造了这个使用位于here样品我已经把这个一起:与CSS语音泡沫线条粗细问题CSS

代码位于jsFiddle.net。如果运行样本时一切正常,您应该看到一个带有问号的按钮,并单击该按钮,气泡应该弹出。

我现在无法弄清楚的两件事是在三角形上获得1px的边界,并在左边缘上垂直居中三角形。

回答

1

对于三角形的线条厚度,请更改内部三角形的top,leftborder-width值,以便它比较大的三角形小1px。

.triangle-border.left:after { 
    top: 11px; 
    left: -29px; 
    border-width: 14px 29px 14px 0; 
} 
+0

这并不奏效。三角形现在是坚实的。 [http://jsfiddle.net/MissAmberClark/5uTQF/10/](http://jsfiddle.net/MissAmberClark/5uTQF/10/) – amber

+0

@amber你不需要评论任何东西了,只需将此CSS添加到结束,或者只更改我为之改变的值.trangle-border.left:after(top,left,border-width)。它仍然需要底部:汽车等工作。我已经更新了我的答案,使我的意图更清晰。请参阅:http://jsfiddle.net/F7wzY/在最后添加它,或http://jsfiddle.net/sDxaA/以查看替换的值。 –

+0

啊,好吧。我最终复制了你所做的。谢谢! – amber