人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

[CSS] あるブロックの背景(色、画像)だけを透過する方法を教えて下さい。

以下の方法だと文章まで薄くなってしまいます。

<div style=”background:#000000;filter:alpha(....);”>文章</div>

よろしくお願い致します。

●質問者: ukp
●カテゴリ:ウェブ制作
✍キーワード:CSS ブロック 画像
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ed_tks
●50ポイント

http://rocket-submarine.gogo.tc/data0701/c-web-tech/dhtml/ie-dht...

Rocket & Submarine | creative web technique / ie-dhtml 01b |

一番目のURLは、テーブルを利用した『背景だけを透過し、テキストやイメージは透過しない方法』です。

背景に透明度を適用したテーブルの上に不透明なテキストの入ったテーブルを重ねることで背景だけを透過させています。

二番目のURLは、一番目のページのtableをdivに置き換えたものです。(バナー広告は気にしないで下さい)

参考になりますでしょうか?

http://tksmtmt.s28.xrea.com/sample/alpha.html

◎質問者からの返答

ありがとうございます。position指定なし(もしくはrelative)、heightは成り行き(指定なし)でなんとかしたいのですが、無理でしょうか?


2 ● GEN111
●10ポイント

□■

■□


こういう市松模様(片方は透過色)のGIFかPNGの画像を背景に使って擬似的に透過するとか……

Mozillaとかならアルファチャネル付きのPNGで透過できるのですが。

◎質問者からの返答

ありがとうございます。

解決できなかったので今回のコードは使わないことになりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ