 Re: 背景画像とテキストの間 ( No.1 ) |
- 日時： 2003/07/15 11:47
- 名前： aimix <aimix@mbh.nifty.com>
- 参照： https://aimix.jp/
- これはFlashで作成されているので、残念ながらビル
ダーだけでは作成できません。
ページ上の画像の透明度を設定する事はできますの
で、JavaScriptなどと併用すれば同じような効果を
付ける事が出来るかもしれません。
画像の透明度を設定するには フィルタの alphaを
使います。
透明度を設定したい画像をクリックし、HTMLソース
の画面にしますと、下のようなソースがあります。
画像ファイル名を見て判断して下さい。
aaa.gifだと下のようになっていますので、
<IMG src="aaa.gif" width=200 height=200 border=0>
ここへ下のように追加します
<IMG src="aaa.gif" width=200 height=200 border=0 style="filter:alpha(opacity=20);">
追加した文末の20というのが透明度で、少なくすると
透明になっていきますので設定したら完了です。
また、Flashの作成ソフトも体験版が無償配布されて
いますので、そちらも興味があるようでしたら試用し
てみるといいと思います。
Flash MXがFlash作成ツールで、トライアル版が、
体験版です。
https://www.macromedia.com/jp/software/trial_download/
|
| Re: 背景画像とテキストの間 ( No.2 ) |
- 日時： 2003/07/15 14:04
- 名前： ポン
- 参照： https://monique.cside.biz/sozai/sozaiTop.html
- お返事ありがとうございました。
早速、試してみたのですが
スタイルシートにて背景画像を固定した場合に
style="filter:alpha(opacity=20);">をどこに貼り付けていいのかがわからないです。
スタイルシートを使わない場合には確かにうまいこと透明度がでました。
<!--
BODY{
background-image : url(P6270067.JPG;style="filter:alpha(opacity=50);"
background-attachment : fixed;
background-attachment : fixed;
background-color : #ffffff;
}
-->
こんな貼り付け方をしてみたんですが、プレビューで確認すると真っ白にしか表示されなかったです。
申し訳ありませんが再度、ご指導お願いします。
|
| Re: 背景画像とテキストの間 ( No.3 ) |
- 日時： 2003/07/15 14:30
- 名前： aimix <aimix@mbh.nifty.com>
- 参照： https://aimix.jp/
- スタイルシート中に書き込む時は、前半の style= 等
を省いて書き込みます。
スタイルシート中に filter:alpha(opacity=50);
だけを追加すれば、スタイルに適用されます。
上記のポンさんのスタイルに追加すると下のように
なります。
<!--
BODY{
background-image : url(P6270067.JPG);
filter:alpha(opacity=50);
background-attachment : fixed;
background-attachment : fixed;
background-color : #ffffff;
}
-->
|
| Re: 背景画像とテキストの間 ( No.4 ) |
- 日時： 2003/07/15 15:16
- 名前： ポン
- 参照： https://monique.cside.biz/sozai/sozaiTop.html
- aimix様ありがとうございました。
本当に助かりました。
これからも よろしくお願いします。
|
| Re: 背景画像とテキストの間 ( No.5 ) |
- 日時： 2003/07/15 16:00
- 名前： ポン
- 参照： https://monique.cside.biz/sozai/sozaiTop.html
- 何度もすいません。
ページに透明度は、ついたんですが
ページ全体についてしまって フォントや、スクロールバーまでが薄くなってしまいました。
背景だけに透明度をつけることはできないんでしょうか？
|
| Re: 背景画像とテキストの間 ( No.6 ) |
- 日時： 2003/07/15 21:10
- 名前： aimix <aimix@mbh.nifty.com>
- 参照： https://aimix.jp/
- フィルタは挿入した画像や表などに設定できますが、
背景画像のみに設定する事はできません。
先ほどの設定は<BODY>という画面表示される部分を
あらわすタグに設定したので全てが半透明になります。
背景画像はグラフィックソフトで半透明にし、ページ
中に挿入した画像や表、テキストなどを半透明にした
い時にこれを使います。
また、注意しておきたいのは、フィルタはIE特有の
特殊効果で、ネスケでは表示されない事です。
|
| Re: 背景画像とテキストの間 ( No.7 ) |
- 日時： 2003/07/16 00:09
- 名前： ポン
- 参照： https://monique.cside.biz/sozai/sozaiTop.html
- 何度も何度も申し訳ありませんでした。
そして、ありがとうございました。
とってもわかりやすい説明、
本当に感謝してます。
今後もよろしくお願いいたします。
|
背景画像とテキストの間