![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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で質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 画質を落とさず切り取って透過したいです 2 2022/06/08 12:28
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- Photoshop(フォトショップ) 塗りつぶした画像を透過させない方法について。上からレイヤーで塗った場合は透過できると聞きましたが、レ 1 2022/10/22 13:41
- アクセサリ・腕時計 ピアスの付け替えについて 2 2022/04/26 23:02
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- 画像編集・動画編集・音楽編集 動画の不要な部分を透過出来るフリーソフトありませんか? 3 2023/06/08 09:31
- その他(芸術・クラフト) ストーンデコの接着剤について質問です! 以前ストーンデコをする際調べたところエポクリアがいいと言う事 2 2022/09/26 08:58
- 化学 シリコンの透過率についてです。 シリコンの波長633nmの可視光の透過率について複素屈折率から計算し 2 2023/02/07 11:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
CSSで文字を一番下の中央に表示...
-
DWで、デザインビューに表示さ...
-
テーブルの位置を細かく指定し...
-
更新するとずれる?
-
画像の横にテーブルを。。。
-
テーブルとテーブルの間隔について
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
TRタグの余白をcssで設定するには
-
<th>タグを使っても太字にしな...
-
cssで、表示されるテキストによ...
-
テーブルの行を折りたたみたい...
-
テーブルの一部分のセルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報