背景画像について。
-
0 名前： あい ： 2005/06/17 00:27
- 背景画像をフィルタの半透明にしようとしたのですが、
どうしてもページ全部が半透明になってしまいます。
<BODY bgcolor="white" background="image/zeros1.gif" ALT="" WIDTH="170" HEIGHT="140" STYLE="filter: alpha(style=0, opacity=30);"
text="gray" bgproperties=fixed>
↑一応HTMLタグのところにこのようなタグを打ち込みました。
<STYLE type="text/css">
<!--
BODY{
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #7B68EE;
scrollbar-shadow-color: #7B68EE;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #7B68EE;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
BODY{ background-image: url('image/zeros1.gif') ;
background-attachment: fixed ;ALT="" WIDTH="170" HEIGHT="140" STYLE="filter: alpha(style=0, opacity=30);"
}
-->
</STYLE>
↑スタイルシートのところにも似たようなタグを打ち込んだのですが結果は一緒でした。
間違っているところがありましたら、どうかおしえてください。
-
1 名前： び ： 2005/06/17 00:27 ［URL］
- ページ全部が半透明になるのは仕方がありません。
別のサイトでかつて似たような質問に答えたことがあるので
参考として紹介します。
http://net-hp.log.thebbs.jp/1083025664.html#r133
-
2 名前： あい ： 2005/06/17 00:27
- 教えて下さいましてありがとうございました！！
ボックスで背景画像を表示してから半透明にできるってことですよね？
試してみようと早速ボックスで背景画像を表示しようとしたのですが、
画像がほんの少ししか表示されませんでした。
<STYLE TYPE="text/css">
<!--
DIV {
background-image: url(image/zeros4.gif);
background-repeat: no-repeat;
background-position: right;
}
-->
</STYLE>
と打ちました。何かおかしな点があったらご指摘よろしくお願いします。
それとボックスというのは絶対に、
<BODY>
<DIV>***</DIV>
</BODY>
↑このようなタグをうたなければ画像は表示されないのですか？
教えてください！よろしくお願いします。
-
3 名前： び ： 2005/06/17 00:27 ［URL］
- うーん、先に書いたことは、一度忘れてください。
もう一度、きちんと説明しますから。
<body>
<div id="content">内容。文字とかが半透明じゃない。</div>
<div id="nullpo"></div><!--空のdiv。半透明。HTML的に微妙-->
</body>
こんな感じのHTMLを用意して、まず、
id=nullのdivに半透明のフィルタと背景画像と適当な幅と高さを指定します。
それから、id=contentのdivを、nullの手前に重ねるのです。強引に。
具体的にどんなコードを書けばいいのかは、
実際のページを見ないと分かりません。
id=contentの前やid=nullpoの後に何かがあるのと無いのとでは、
どう書けばいいかは違ってくると思います。
-
4 名前： あい ： 2005/06/17 00:27
- できました！！
び様が丁寧に教えてくださったおかげです！
本当にありがとうございました！！
