透過するスクロールバーを入れたら
-
0 名前： Yukino ： 2007/07/20（金） 22:34 ID:VScpei1z sub-j7
- こんにちは
以前に教えて頂いたスクロールバーのタグを使ったら少し問題が発生したので、質問させて頂きます。
透過アイフレの中に入れたページに透過するスクロールバーのタグを入れたら、背景が透過しなくなりました。
何故だか分かりません。解答お願い致します
-
1 名前： 匿名 ： 2007/07/20（金） 22:34 ID:DlUlgIBf sub-Ds
- 教えたスクロールバーが悪いなら使わなければいい。
私は超能力者です。Yukinoさんのサーバーがおかしいのが見える。管理人に対応してもらいなさい。
-
2 名前： Yukino ： 2007/07/20（金） 22:34 ID:VScpei1z sub-j7
- >>1さん
消去するやつを使うととスクロール出来ないので、これを使いたいのです。（折角丁寧に教えて頂いたのですし）
あなたが超能力者という事など知りません。サーバーは先日メンテナンスしたばかりなので、おかしくは無いと思います。
-
3 名前： とおりすがり ： 2007/07/20（金） 22:34 ID:d72b72yq sub-gm
- > 何故だか分かりません。解答お願い致します
エスパーでもない人には、たったこれだけの質問文から
悪いところを見つけ出すなんて芸当はできません。
本気で困っているなら、問題のページのURLくらい出しましょう。
> 消去するやつを使うととスクロール出来ないので
できますよ。
＃>>1の人はふざけてるんです。
-
4 名前： とおりすがり ： 2007/07/20（金） 22:34 ID:d72b72yq sub-gm
- っと、失礼。
「消去するやつ」が「スクロールバー非表示」のことならスクロールはできませんね。
（ドラッグはできますが）
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=3310
以前の質問とはこちらですか。
最後に「できた」とありますから、もう一度最初から書き直してみたらいかがですか？
-
5 名前： Yukino ： 2007/07/20（金） 22:34 ID:VScpei1z sub-j7
- スクロールバー非表示の事です。（ドラッグが出来ないやつ）
説明不足ですみませんでした；
スクロールバーは出来ているんです。ただ、そのタグと透過アイフレを組み合わせると 背景が透過しなくなるんです。
<html>
<head>
<style type="text/css">
<!--
body{
margin:5px;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:white;
scrollbar-darkshadow-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color:white;
scrollbar-track-color:white;}
.imgscroll{filter:chroma(color=white);
background-color:white;}
-->
</STYLE>
<style type="text/css">
<!--
a{ cursor:crosshair; }
-->
</style>
<style type="text/css">
<!--
body,td,th{
font-size:10pt;
font-family:'ＭＳ Ｐゴシック';
}
-->
</style>
<style type="text/css">
<!--
body{margin:0px;}
-->
</style>
<style type="text/css">
<!--
a{ text-decoration:none; }
a:link{ color:black; }
a:active { color:white; }
a:visited{ color:black; }
a:hover{ color:white; }
-->
</style>
<title>TOP</title>
</style>
</head>
<body scroll="no" bgcolor="black" text="black">
<div class="imgscroll" style="width:100%;height:100%;overflow:auto;">
</body>
</html>
↑これが問題のページ
<html>
<head>
<style type="text/css">
<!--
body{
background-image:url(back.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;}
-->
</style>
<style type="text/css">
<!--
body{overflow:hidden;}
-->
</style>
<style type="text/css">
<!--
body{margin:0px;}
-->
</style>
<title>DREAM</title>
</head>
<body>
<iframe src="hidari.html" name="hidari" style="border:0px;" frameborder="0" width="30%" height="100%" scrolling="no" allowtransparency="true"><p>インラインフレームを使用しています。見るにはインラインフレームをサポートしているブラウザが必要です。</p></iframe>
<iframe src="top.html" name="frame" style="border:0px;filter:Alpha(opacity='60');" frameborder="0" width="40%" height="100%" scrolling="yes"><p>インラインフレームを使用しています。見るにはインラインフレームをサポートしているブラウザが必要です。</p></iframe>
<iframe src="migi.html" name="migi" style="border:0px;" frameborder="0" width="30%" height="100%" scrolling="no" allowtransparency="true"><p>インラインフレームを使用しています。見るにはインラインフレームをサポートしているブラウザが必要です。</p></iframe>
</body>
</html>
↑透過アイフレ
このタグで分かりましたでしょうか・・・；
分からないという事で、サンプルURLの提示 という事でしたらどうぞ。
-
6 名前： とおりすがり ： 2007/07/20（金） 22:34 ID:d72b72yq sub-gm
- 透過されていないときの背景色は「黒」ではないですか？
背景色「黒」が指定されているのはどこですか？
.imgscroll{filter:chroma(color=white);
background-color:white;}
「filter:chroma(color=white);」の指定で
「class="imgscroll"」が指定されている要素内が
「白色（white）を透過」しています。分かりますか？
<div>は</div>で閉じなければいけません。
> スクロールバー非表示の事です。（ドラッグが出来ないやつ）
scroll="no" や overflow:hidden; での非表示ならドラッグで動かせます。
-
7 名前： Yukino ： 2007/07/20（金） 22:34 ID:VScpei1z sub-j7
- そうやってやるんですね！出来ました！！
ありがとう御座いました
