透明度( transparent ) - daniel-qa/Vue GitHub Wiki

transparent 代表「完全透明的顏色」，等同於：

rgba(0, 0, 0, 0)

👉 重點不是黑色，而是 alpha = 0（完全看不到）

• ex

<dv-decoration-8 :color="['#568aea', 'transparent']" />

<dv-border-box-11 :title="$t('schoolIot.device.numAndproportion')" :color="['#568aea', 'transparent']">

dv-border-box-11 的 :color 接受一個陣列，對應兩個顏色值：

color[0] → 外框線（主要邊框顏色）

color[1] → 內框線（次要邊框，通常是內層的裝飾線）

---

⚠️ 小細節（這裡很多人會踩坑）

雖然 transparent 很方便，但要注意：

1️⃣ 有些元件會 fallback

有些 library（像某些 canvas 畫法）如果遇到透明，可能會：

fallback 成預設色（例如黑色） 或直接忽略

👉 如果你發現「還是有黑色」，那就是這種情況

2️⃣ 和 opacity 不一樣

opacity: 0;

👉 是整個元素透明（包含子元素）

但：

color: transparent;

👉 只有顏色透明，元素還在