> ＵＲＬ先を見ていただければわかるかと思いますが、
> <style type="text/css">
> <!--
> body{background-color:transparent;}
> -->
> </style>
> ↑のアイフレ背景透過のタグをつかってます。
「アイフレ」って iframe要素のことでしょうか？
ちなみに、それは「iframe要素の背景透過のタグ」ではありません。
> ＵＲＬ先を単体で表示した場合は背景色変更のボタンを押せば背景の色を変える事ができるのですが、ＵＲＬ先をアイフレ内に表示させた場合それができないのです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<script type="text/javascript">
function ChBodyBg(obj){
if(document.getElementsByTagName){
document.getElementsByTagName('body')[0].style.backgroundColor = obj.style.backgroundColor;
} else {
alert("このブラウザでは背景色変更はできません。");
}
}
</script>
<style type="text/css">
.ChBodyBg{
margin: 1em 0em;
padding: 0em;
}
.ChBodyBg li{
display: inline;
}
.ChBodyBg button{
border-width: 1px;
border-style: solid;
border-color: black;
padding: 0px 4px;
}
</style>
</head>
<body>
<ul class="ChBodyBg">
<li><button onclick="ChBodyBg(this);" style="background-color: black; color: black">黒</button></li>
<li><button onclick="ChBodyBg(this);" style="background-color: red; color: red">赤</button></li>
<li><button onclick="ChBodyBg(this);" style="background-color: #00CC00; color: #00CC00">#00CC00</button></li>
<li><button onclick="ChBodyBg(this);" style="background-color: white; color: white">白</button></li>
</ul>
<noscript>
<p>このブラウザでは背景色変更はできません。</p>
</noscript>
</body>
</html>
