在 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 背景透明。如果圖片本身帶有陰影或邊框,可能還需要調整圖片樣式。