為 <a> 標籤（如 a:link、a:hover）設置背景圖片時，是否必須根據父容器（如 <li>）的寬高顯式設置圖片尺寸？
CSS 背景圖片（background-image）默認會自動填充元素的可見區域（content box + padding box）。其表現取決於以下屬性：
background-repeat：默認 repeat（平鋪）。若容器尺寸超過圖片原始尺寸，圖片會在水平和垂直方向重複填充。background-size：默認 auto，保持圖片原始比例。可設置為 cover（覆蓋）、contain（包含）或具體長度值。background-position：默認左上角（0 0）。| 場景 | 是否需設置寬高 | 說明 |
|---|---|---|
行內元素（<a> 默認） | 是 | 行內元素無法直接設置 width/height，需加 display: inline-block 或 block，並給定尺寸，背景才會完整顯示。 |
塊級元素（<div>、<li> 等） | 視內容而定 | 若元素有內容撐開，背景會自適應；若元素空內容且無高度，背景不會顯示，需設置 height 或 min-height。 |
| 使用 Sprite 圖（雪碧圖） | 是 | 必須限制容器尺寸，配合 background-position 只顯示目標圖標區域。 |
a.icon-link {
display: inline-block; /* 使寬高生效 */
width: 32px; height: 32px; /* 設置具體尺寸 */
background: url('icon.png') no-repeat center / cover; /* 簡寫：圖片、不平鋪、居中、覆蓋 */
text-indent: -9999px; /* 隱藏文字（無障礙優化可用 aria-label 替代） */
}
總結：背景圖片本身不強制要求設置寬高，但容器必須有可見尺寸。若 <a> 為行內元素，務必轉為塊級或行內塊級並指定尺寸；若父容器 <li> 已有明確尺寸，子元素 <a> 可通過 display: block; width: 100%; height: 100%; 繼承填滿。
