2011-07-22 75 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