ジャンルが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を含めて...
-
【CSS】縦横スクロールテーブル...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
更新するとずれる?
-
tableのheight指定が効かない
-
ヘッダー固定のスクロールが可...
-
html+CSSでテーブルのスクロー...
-
テーブルに影をつけたい
-
TABLEのセルの中の文字を行単位...
-
html でのテキスト結合について
-
tableにul,または,olを入れられ...
-
tableタグとformタグの組み合わせ
-
ホームページのテキストを折り...
-
TRタグの余白をcssで設定するには
-
HTMLのテーブルをExcelにCopy&P...
-
HTMLで文とテーブルの間が空く。
-
td要素内のdiv要素をセンタリン...
-
テーブルの行を折りたたみたい...
-
表とリスト(ulとtable)の違い...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
tableのheight指定が効かない
-
画像の横にテーブルを。。。
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
テーブルでスクロールを同期したい
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
画像と、セルのつなぎ目に白い...
-
HTMLでページの幅を設定し...
-
CSSで文字を一番下の中央に表示...
-
インラインフレームのスクロー...
おすすめ情報