| ポイント |
<![CDATA[
<input type="button" onClick="changeBG('transparent')" value="透明にする"><br>
]]>
|
| 説 明 |
背景色を透明にするにはカラーコード／カラー名を指定する際にtransparentを指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>背景色を透明にする</title>
<script Language="JavaScript"><!--
function changeBG(col)
{
document.getElementById("myObj").style.backgroundColor = col;
}
// --></script>
</head>
<body background="bg.gif">
<div id="myObj" style="background-color:orange;width:320px;height;80px">
ここの背景色を設定できます。
</div>
<form name="myFORM">
<input type="button" onClick="changeBG('orange')" value="オレンジ色にする"><br>
<input type="button" onClick="changeBG('transparent')" value="透明にする"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
背景色を透明にする