• ベストアンサー

透過カラーコード

ある表示エリアの背景に画像を設定していて、その上に背景色を設定したテーブルを置きたいと思っています。 例えば、透過50%の赤の指定は rgba(255,0,0,0.5) のように表記ができるかと思います。 これに対して、 同じ色をカラーコード(#FF0000のような形式)で表現しようとした場合にはどのように記述したらいいでしょうか?

  • CSS
  • 回答数1
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • chie65535
  • ベストアンサー率43% (8508/19344)
回答No.1

>どのように記述したらいいでしょうか? 記述出来ません。 WEBページ記述には、アルファチャンネル(半透明、透過色)と言う概念はありませんので。 アルファチャンネルを用いた表現を行う場合は、Flashムービー等を使用しなければなりません。

changuri
質問者

お礼

そうでしたか。 では諦めて別の方法を考えたいと思います。 ありがとうございました。

関連するQ&A

  • カラーコード

    カナリの初心者なので質問内容が理解し難いと思いますが、頑張って説明するのでご教授ください!!! 背景設定で例えば・・・ background-color:#CC33FF とすると一色だけの背景色になります。 これを例えばストライプに変更したい場合、 自分なりに連続でカラーコードを入れていったりなど、いろいろ試してみましたが、やっぱりダメでした;; どうすればいいのでしょうか?

  • Paint Shop7の透過性について教えてください。

    Paint Shop7のお試し版をダウンロードしたのですが、透過性が出来ません。 と言うより、背景の透過性が出来ません。背景が残り文字が透過性されてしまいます。Paint Shop6では出来たはずなのですが。。 Paint Shop6と同じように カラー ← 透過性の設定 ← カラーパレットの背景を透過性に設定する とやっています。 何か間違っているのでしょうか? 教えてください。

  • 背景を透過するタグについて

    こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。 <style type="text/css"> <!-- .box1{/*テキストスペース*/ … … width : 157px; background-color : #ffffff; filter : chroma(color=#ffffff); } </style> と、スタイルシートで色々と指定しております。 このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色(白)を透かせましたが、 これだとまったく透明になってしまうので…できれば <table style="filter:Alpha(opacity=20)"> のように、透過の度合いを指定できるようになりませんでしょうか? ↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか? お手数ですが、宜しければ教えていただけるととても助かります。 お願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの背景を透過する方法

    テーブルの背景だけを透過したいんですけど、どうすればいいですか? 自分で調べてみて、テーブルタグの中に<style="background-color:#FFFFFF;filter:Alpha(opacity=75);">を入れてみたんですけど、テーブル全体を透過してしまって文字まで薄くなってしまったんです。 だから、背景を透過した画像を並べてみたんですけど、なんか不自然で、私がイメージしていたのとは違うんです。私は最初にやったように、元の背景の色自体が薄くなるよいうにしたいんです。 でも、それって不可能なことなんですか?

    • ベストアンサー
    • HTML
  • レイヤーを背景だけ透過させたい

    お世話になります。 レイヤーを背景だけ透過させたく、質問させていただきます。 レイヤーを透過させたい場合、よくスタイルシートのfilterが使われると思います。 たとえば <div style="width:100; height:20; color:#ff0000; background-color:#0000ff; filter:Alpha(opacity=60);"> フィルター適応</div> のようにすると、レイヤー全体が透過されます。 しかし、今回やりたいのは、背景のみが透過し、文字は透過させたくありません。 1つ考えた方法として、 <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; background-color:#0000ff; filter:Alpha(opacity=60);"> </div> <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; color:#ff0000;"> フィルター適応 </div> のように、無理やりレイヤーを2つ重ねて表示できないこともないのですが、もっとスマートな方法はないでしょうか。 ご存知の方がいらっしゃいましたら、ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • 透過色について

    ある本で透過色の設定方法について書いていました。 Color c = new Color(255,0,0,50); このように第4引数に0~255の値を入れることでその色の透過の度合いが設定できると書いていました。 しかし、次のプログラムを実行してみても色付の四角さえ描かれませんでした。 ※import文省略 public class clear extends Applet{ public void paint(Graphics g){ g.setColor(new Color(255,0,0,128)); g.fillRect(0,0,50,50); } } 予想だと、赤色の半透明な四角が出るはずだったのですが、何も出ませんでした。 ※第4引数を書かずにすると普通に赤色の四角は出ました。 第4引数に値を入れると透過色ができるというのは、うそなのでしょうか?

    • ベストアンサー
    • Java
  • フォトショップでの透過画像についてです。

    フォトショップでの透過画像についてです。 まず何をしたいかというと、背景が透過で文字をちょっと入れたいだけなんですが 今までは、ファイルから新規作成をし、カンバスカラーで透明を選び そこで文字を入れてtga形式で保存するとちゃんと背景が透過になっていたと思うのですが それと同じ事をしても背景が白になってしまいます。 特に他をいじった記憶がなかったので困っています。 考えられる理由として何かありませんでしょうか。 よろしくお願いいたします。

  • GDを使って画像の背景を透過させたい

    画像の背景を透過させたいと思い下記コードを実行してみたのですが、期待通りの状態になりませんでした。(体の周りに白が残ってしまう) $src = 'http://ec2.images-amazon.com/images/I/41VI47EYcaL.jpg'; $img = imagecreatefromjpeg($src); $color = imagecolorallocate($img, 255, 255, 255); imagecolortransparent($img, $color); imagepng($img); imagedestroy($img); そこで、255, 255, 255だけではなく250, 250, 250くらいも透過してみようと思い $color = imagecolorallocate($img, 255, 255, 255); imagecolortransparent($img, $color); $color = imagecolorallocate($img, 250, 250, 250); imagecolortransparent($img, $color); と、透過処理を二回続けてみました。すると、最初の状態よりも透過が上手く行われていない結果となってしまいました。 複数色を透過処理することはできないのでしょうか。 imagealphablending, imagesavealphaや、透過するごとに画像を保存して読み込んで…ということをしてみたのですがそれもやはり同じような結果でした。 255~250くらいまで、複数色を透過したとしても綺麗に背景だけ透過されるという結果は得られないかもしれませんが、もしよろしければ複数色の透過を行うコードを教えて頂ければ幸いです。 複数色を透過させる方法、もしくは他の方法でも良いので綺麗に背景だけ透過させる方法がありましたら教えて下さい。 宜しくお願い致します。

    • ベストアンサー
    • PHP
  • ホームページビルダーのカラーコード

    ホームページビルダーのページの背景色に薄いカラーを指定したいのですが、いまは薄いベージュの「#fcfac7」というカラーコードを見つけています。 他の色も使いたいのですが、実際の色とコードの対照表のようなものは、無いのでしょうか?

  • 透過背景を解除するにはどうすればいいのでしょうか?

    透過背景を解除するにはどうすればいいのでしょうか? filterとopacityを使って背景色を透過したdivがあります このdivの一部で透過を解除したいのですがどうすればいいのでしょうか? コードは以下のようなイメージです ---------- ■ HTML <div class="sample1"> ・・・←ここは透過 <div class="sample2"> ・・・←ここは透過にしたくない </div> ・・・ </div> ■ CSS .sample1 { ・・・ opacity: 0.6; ←火狐他用 filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60); ←IE用 } .sample2 { ここに記述する内容が知りたい } ---------- やってみてダメだった方法 ・opacity: 1 ・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100); ・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=0,Style=0,Opacity=60); ・sample2に新しい背景色を指定する ・sample2に新しい背景画像を指定する ご存知の方いましたら、よろしくお願いします!

    • ベストアンサー
    • HTML