ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
透明なページ
日時: 2003/05/05 00:16
名前: bardy   <bardy@jeans.ocn.ne.jp>

aimxさん先日はアドバイスありがとうございました。そこで、又お伺いしたいことがあります。
新しく作るページの背景の手前に透明なページを重ね、スクロールバーを動かすと透明なページだけがスクロールするページを作りたいのですが、方法がわかりません。相変わらずの素人で説明も下手ですがよろしくお願いします。

Re: 透明なページ ( No.1 )
日時: 2003/05/05 13:04
名前: aimix  <aimix@mbh.nifty.com>
参照: https://aimix.jp/

スタイルの「Alpha」と背景画像の固定をすると出来ると
思いますが、HTMLソースに直接書き込む必要があります。

◆◆◆
まず、 <HEAD> から </HEAD> の間に下のソースを貼り
付けてください。
<TITLE></TITLE>の下あたりが分かりやすいので、
そこへ貼り付けてください。

<STYLE type="text/css">
<!--
.fil{
filter:Alpha(opacity=80 style=0);
}

-->
</STYLE>

この中で opacity=80 という部分が透明度を指定する部
分で、100にすると不透明になります。
また、style=0 はグラデーションなどの種類を指定しま
す。0がグラデーション無しで、1.2.3.4 と変えてみる
と違う効果が得られます。

◆◆◆
次に半透明にしたい部分にクラスを設定していきます。
例として表に先ほどの効果を設定してみます。

ページ編集画面で透明にしたい表をクリックします。
HTMLソースに切り替えると、先ほどクリックした表の周
辺が表示されるので、その中から下の部分を探します。

<TABLE border="1">

ここへ次のように追加します。

<TABLE border="1"class="fil">

これで上の方で設定した効果が表に適用されました。


あと、背景画像を固定するのは下のページを参考にして
やってみて下さい。
https://aimix.jp/hpbbbs/patio/patio.cgi?mode=view&no=20

質問の内容とずれていたらまた返信下さいね
Re: 透明なページ ( No.2 )
日時: 2003/05/05 20:39
名前: bardy  <bardy@jeans.ocn.ne.jp>

aimixさんずごいです。出来ました。
いつも分かりやすい説明で本当に助かります。
これからもよろしくお願いします。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved