JavaScript

[JavaScript] 透過率を変更する(style.opacity)

投稿日:2016年11月3日 更新日:

JavaScriptで透過率を変更するには、style.opacityを使用します。

サンプルソース

例)id='target'要素の透過率を50%にする

実行サンプル

ボタンを押すと、赤枠部分の透過率が変わります

0% 30% 50% 80% 100%
ここの透過率が変わります

解説

  • 透過率は0%(透過なし)~100%(フル透過)を、0.0~1.0の数値で指定します。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] ツールチップを設定する

JavaScriptでツールチップを設定するサンプルです。 サンプルソース 例)ボタンを押すと、入力された値がツールチッ ...

[JavaScript] CSSセレクタ指定で要素を取得する(.querySelector/.querySelectorAll)

CSSセレクタ指定で要素を取得するには、.querySelector()/.querySelectorAll()を使用し ...

[JavaScript] URLからポート番号を取得する(location.port)

URLからポート番号を取得するには、location.portを使用します。 サンプルソース 例)現在のページのURLか ...

[JavaScript] ラジオボタンのvalue値を取得する

ラジオボタンのvalue値を取得するサンプルです。 サンプル 例)ボタンを押すとラジオボタンname='grp1'のva ...

[JavaScript] 文字列をエスケープする(escape)

文字列をエスケープするには、escapeを使用します。 サンプルソース 例)文字列「みかん」をエスケープする [cray ...

スポンサーリンク