Q233.
欲使網頁圖片具70%透明效果，其CSS 樣式屬性設定為何？
網頁設計 · 丙級 · 作業準備 · Q233
難易度分析
3 / 5
本題要求將「透明度」與 CSS 屬性的「不透明度」數值進行換算，並在選項中設置了容易引起混淆的相反數值，考生必須精確區分兩者的定義關係才能正確作答。
正確答案：④opacity:0.3
④ opacity:0.3:opacity: 0.3 表示元素僅剩 30% 不透明度，等同於 70% 透明效果，符合題目要求。CSS 的 opacity 以 0（完全透明）至 1（完全不透明）的十進位小數設定。
錯誤選項解析
- ① opacity: 70:opacity 屬性的有效數值範圍為 0 至 1 之間的小數，輸入整數 70 屬於無效值，瀏覽器將忽略此設定。
- ② opacity: 30:opacity 不接受 0 到 1 範圍外的整數值，30 為無效輸入。正確做法應使用小數 0.3 來表示。
- ③ opacity: 0.7:opacity: 0.7 代表的是 70% 不透明度（即 30% 透明），與題目要求的 70% 透明效果相反，屬於常見的數值混淆陷阱。
Learning Tip
"本題核心考點為 opacity 數值與透明度的換算關係：opacity 值越小越透明，透明度 = 1 - opacity 值。常考陷阱是將「70% 透明」直覺誤設為 0.7，實際上 70% 透明代表僅剩 30% 可見，故應設為 0.3。另外需注意 rgba() 的 alpha 通道與 opacity 效果相似但作用範圍不同，rgba 僅影響單一元素背景色，而 opacity 會影響該元素及其所有子元素。"
學員答題分佈
①opacity: 700%
②opacity: 300%
③opacity: 0.70%
④opacity:0.30%
此答題分佈是根據學員在 LongePass 模擬考等實際作答紀錄計算而成。與考友分享這道歷屆試題與詳細解析！