切換語言為:簡體
Bootstrap5 的 tooltip 元件中加入圖片後,背景有黑邊,修復方法

Bootstrap5 的 tooltip 元件中加入圖片後,背景有黑邊,修復方法

  • 爱糖宝
  • 2024-11-12
  • 2027
  • 0
  • 0

在 Bootstrap 5 的 tooltip 元件中,黑邊問題通常是預設樣式導致的。可以透過自定義 tooltip 的 CSS 樣式來移除黑邊並將背景設定為透明。請嘗試以下程式碼:

.tooltip {
    background-color: transparent !important; /* 設定背景為透明 */
    border: none !important; /* 移除邊框 */
}
.tooltip-inner {
    background-color: transparent !important; /* 移除內部背景 */
    box-shadow: none !important; /* 去除陰影 */
    border: none !important; /* 去除邊框 */
}

將此 CSS 新增到您的樣式檔案中,這樣就可以移除黑邊並使 tooltip 背景透明。如果圖片本身帶有陰影或邊框,可能還需要調整圖片樣式。

0則評論

您的電子郵件等資訊不會被公開,以下所有項目均必填

OK! You can skip this field.