No.2ベストアンサー
- 回答日時:
文字表示部分の透過に関しては、文字表示部分のみ
<SPAN style="position:relative"></SPAN>
を当て嵌めれば文字の透過を防げます。
<SPAN style="background-color:transparent;">
は、背景を透過させる記述です。
こちらは完全な透過です。
<STYLE type="text/css">
<!--
TABLE{
background-color:transparent;
}
-->
</STYLE>
<STYLE type="text/css">
<!--
TABLE{
filter:alpha(opacity=数値)
}
-->
</STYLE>
などの方法(CSS)でも指定出来ます。
<STYLE type="text/css">
<!--
TABLE,INPUT,TEXTAREA,SELECT{
background-color:transparent;
}
-->
</STYLE>
とすれば、テーブルだけでなく記入、選択部分も透過させられますし、半透明にも可能です。
参考までにどうぞ。
No.1
- 回答日時:
こんにちは。
投稿用のフォーム部分は、SPANタグに濃さを設定できますので、フォームを丸ごと半透明にすれば良いと思います。
<SPAN STYLE="width:100%; filter:Alpha(opacity=濃さのパーセンテージ)"></SPAN>
これで、一つ一つのフォーム(名前入力欄、記事書き込み欄など)をはさんであげると、そのフォームに濃さを設定できます。「濃さのパーセンテージ」という部分を0から100までの半角数字で書き換えましょう。ただし、フォーム内にかかれる文字の濃さにも適用されますので、0にすれば完全に背景が透けますが、書いてる途中の文字も見えなくなってしまいます。50%くらいが打倒でしょうか。このあたりはご自分の好みで試してみてください^^
投稿された記事が表示される部分については、テーブルタグのbgcolor属性の指定を削ってあげれば、そのまま透過になります。ただこの掲示板は、テーブルボーダーではなくbgcolor指定を持ったテーブル二つで枠を描いているようなので、この方法でbgcolorを削ると、完全に記事の枠が消えます。一番外側のテーブルのボーダー指定を0から1(1じゃなくても良いですが)に書き換えれば、ページの背景画像がそのまま透けて表示されるようになります。もし枠の中だけ少し色を変えたかったら、上のSPANタグで半透明にするなどして調節してみてください。
素敵な掲示板になると良いですね^^
では、失礼します。もっと良い手段が合った場合は申し訳ありません^^;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
ウィンドウのサイズを変えても...
-
画像と、セルのつなぎ目に白い...
-
一つのテーブル内の文字色だけ...
-
tableのheight指定が効かない
-
CSSで文字を一番下の中央に表示...
-
DWで、デザインビューに表示さ...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
TRタグの余白をcssで設定するには
-
逆L字の表(table)組み
-
HTML tableのセルにtextareaを...
-
tableタグとformタグの組み合わせ
-
cssで、表示されるテキストによ...
-
テーブルとテーブルの間隔について
-
html でのテキスト結合について
-
テーブルのセルに画像をピッタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
ウィンドウのサイズを変えても...
-
CSSで文字を一番下の中央に表示...
-
更新するとずれる?
-
ヘッダー固定のスクロールが可...
-
テーブルの背景を透過する方法
-
箇条書きリストのすぐ横に画像...
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
画像と、セルのつなぎ目に白い...
-
テーブルのスクロール(HTML)
-
Dreamweaverでテーブルの列幅を...
-
【CSS】左右可変、中央固定の3...
-
スタイルシートでテーブルをセ...
おすすめ情報