掲示板/HTML質問板/過去ログ/一覧/ アイフレ背景透過+背景色変更

0 名前：りり： 2006/05/17（水） 18:32 ［URL］: ＵＲＬ先を見ていただければわかるかと思いますが、
<style type="text/css">

</style>
↑のアイフレ背景透過のタグをつかってます。
ＵＲＬ先を単体で表示した場合は背景色変更のボタンを押せば背景の色を変える事ができるのですが、ＵＲＬ先をアイフレ内に表示させた場合それができないのです。
なにか解決策はありませんでしょうか＞＜

1 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/17（水） 18:32 ［URL］ ID:O5hEMlpW

> ＵＲＬ先を見ていただければわかるかと思いますが、
> <style type="text/css">
> 
> </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>

2 名前：りり： 2006/05/17（水） 18:32: ありがとうございます
アイフレ透過のタグではなかったのですね＞＜
教えてくださった通りにやってみたら無事アイフレ内でも背景色を変える事ができるようになりました。
助かりました。わざわざありがとうございました^^

3 名前：匿名： 2006/05/17（水） 18:32 ID:zB2/vVG8: こういう場で発言するときには
「アイフレ」などのような
万人にわかりづらい略語は使わないようにしましょう

iframeのことなら正確に「iframe」と記述しましょう

4 名前：りり： 2006/05/17（水） 18:32: すいません；iframeですね！！
これからは気をつけます。
ご指摘わざわざありがとうございました^^