如何使用CSS創建靜態工具提示？

Question

你如何繪製工具提示像linkedin.com的那一個包裹「共享的更新」文本框？爲了更清楚，我只想要一個簡單的靜態工具提示，使其作爲包裝爲一個文本框（所以不是一個CSS在懸停彈出buble工具提示）。提前感謝您。

Answer 1

他們使用的圖像+ css sliding door method：http://static01.linkedin.com/scds/common/u/img/bg/bg_sharepostmod_567x400.png

您可以通過使用CSS3的圓角和背景漸變實現無圖像同樣的事情，再加上帆布畫尖端但是這將是矯枉過正，恕我直言，並且它不適用於某些較舊的瀏覽器。