JavaScriptで透過率を変更するには、style.opacityを使用します。
サンプルソース
例)id='target'要素の透過率を50%にする
1 2 |
var obj = document.getElementById("target"); obj.style.opacity = 0.5; //50% |
実行サンプル
ボタンを押すと、赤枠部分の透過率が変わります
0% 30% 50% 80% 100%
ここの透過率が変わります
解説
- 透過率は0%(透過なし)~100%(フル透過)を、0.0~1.0の数値で指定します。