ジャンルがHTMLですが、他の言語が必要でしょうか?
あるテーブルのみ透明度を落とす(半透明)または網掛けをするというのは可能ですか?
単にテーブルの色を変えるというのではなくテーブル上に有るデータ(画像・文字)の上にかかるという物です。
いわゆるWindowsで言うところの"選択できないですよ状態(灰色で選択不可能)"を表現したいのですが…
CGI内部で使用し、網掛け部分は固定では有りません。
"<TR>に何かを追加することで…"というタイプが理想ですが、もちろん他の方法でもかまいません。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
「透明度を落とす」はフィルタ効果だと思いますが、
スタイルシートのfilter:alphaを使えば?
とりあえず下記を参考に。
http://tohoho.wakusei.ne.jp/css/reference.htm#Fi …
参考URL:http://tohoho.wakusei.ne.jp/css/reference.htm#Fi …
返答ありがとうございます。
やりたいことはこの通りなのですが、どうやらブラウザによっては動作しないようですね。
使用するのは企業ページなので、ちょっと使用するのを迷っているところです。
しかし、情報として覚えておきます。
ありがとうございました。
No.5
- 回答日時:
filter:alphaはIE独自のものなので使わないほうがいいのですがどうせ使うならモジラ系ブラウザー(Netscape6以上など)独自のものも入れてみてはどうでしょう?
-moz-opacity:0.4;
filter:alpha(opacity=40);
該当ブラウザーが今ないので確認できませんが参考URLに背景や文字と書いてあるので背景も透過されると思います。
参考URL:http://dhr.at.infoseek.co.jp/simple_style6.htm#m …
No.4
- 回答日時:
内容として、あるテーブル内の
・画像の背景を半透明にしたい。
・TEXTAREAタグや、INPUTタグの入力をできなくしたい
という二つあるということなのかな?
とおもうのですが、
まず、半透明にするというのは、TRタグというのはあきらめたほうがよさそうです。
レイヤもしくはDIVタグでテーブルを囲み、そのテーブルに対しては有効にするってことはできそうですね。
<div style="width: 100%; filter: Alpha(opacity=50); ">
<table >
<tr><td>半透明です。</td></tr>
</table>
</div>
といったかんじで。
それだけだと、入力はできるので、
TEXTAREAとINPUTタグを"選択できないですよ状態(灰色で選択不可能)"
にする場合は、2番の方の回答のように
<input type="text" name="hoge" value="" disabled>
とdisabledを書いてやればなります。
色がすでに半透明なので、
<input type="text" name="hoge" value="" readonly>
とかでもまあいいのかなぁともおもいます。
これは、そのテーブルに対して全部にかけるということはできないとおもうので、
あきらめてCGI内で半透明にするときの条件で
追加して書くようにしてください。
この方法ってブラウザ依存した気がするんで、いろいろ確かめたほうがよいかもしれません。
返答ありがとうございます。
#2の方のお礼にも書きましたが、実際その機能が必要なわけではなかったです。
あのイメージで"灰色で薄く表示"ということが出来ればと思っていました。
ただ、ブラウザによって表示できないとのことですので使用するかは検討中です。
No.3
- 回答日時:
No.2
- 回答日時:
inputタグの属性disabledを使えばいいかもしれません。
たとえば
<input type="button" value="無効" disabled><br>
<input type="text" value="無効" disabled>
のようなタグだと入力が無効になります
返答ありがとうございます。
実際"Windowsの選択できません状態"にするのではなく、あのイメージで"灰色で薄く表示"という感じが必要でした。
別に選択できないようにするとかそういうものではないです。
しかし、返答はありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
Dreamweaverでテーブルの列幅を...
-
レイアウトはテーブルよりCS...
-
ウィンドウのサイズを変えても...
-
テーブルのすぐ上に表示
-
テーブル内文字列がテーブル幅...
-
HTMLでテーブルを横に並べる方法
-
テーブルの影の作り方とセル内...
-
画像の横にテーブルを。。。
-
文字位置指定のタグを教えて下さい
-
2カラムレイアウトのページで...
-
HTMLのソース
-
<th>タグを使っても太字にしな...
-
テーブルの行を折りたたみたい...
-
テーブルとテーブルの間隔について
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
ウィンドウのサイズを変えても...
-
CSSで文字を一番下の中央に表示...
-
更新するとずれる?
-
ヘッダー固定のスクロールが可...
-
テーブルの背景を透過する方法
-
箇条書きリストのすぐ横に画像...
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
画像と、セルのつなぎ目に白い...
-
テーブルのスクロール(HTML)
-
Dreamweaverでテーブルの列幅を...
-
【CSS】左右可変、中央固定の3...
-
スタイルシートでテーブルをセ...
おすすめ情報