css實現全兼容tooltip提示框

最終效果圖: 基本原理css 先設定一個背景色的普通div盒子,而後使用上篇post獲得的三角型圖標,把div盒子設置爲相對定位模式,三角型圖標設置爲絕對定位,位置相對於div盒子,調整到合適的位置。這樣就獲得一個基本的tooltip,可是沒有邊框看起來老是不舒服,咱們能夠給div盒子設置一個邊框,這沒什麼難度,可是三角形圖標如何設置邊框呢?這裏咱們經過一個取巧的方式,讓兩個不一樣顏色的三角形圖標
相關文章
相關標籤/搜索