[ CSS ] 選單加上背景圖，需要裡面的字消失
需求：選單加上背景圖，需要裡面的字消失（避免擋住圖片）
過去的作法：用 [css 解決] 定位 9999px 把字移動到很俺的地方、[ 用 javascript 解決] $('物件 ID').html('');
現在節省瀏覽器效能、純 css作法：
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
說明：將文字間距調整成與容器外框一樣大，並且當一行字的寬度大於容器寬度時不折行，最後設定超出部分不顯示。