• 締切済み

画像の透過について

こんばんは。教えてください。 スタイルシートでテーブルに background:#ffffff; filter:alpha(opacity=55); -moz-opacity:0.85; を設定すると 全ての画像・文字が透過されるのですが background-image:url(xxx/xxx.jpg); で設定した背景画像だけを透かして その上(テーブル内)に のせる画像は透過したくない場合 どのように設定すればよいでしょうか? いろいろ調べてみたのですが… 見つからなくて困ってます。 よろしくお願いしますっ!!

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

みんなの回答

  • rightegg
  • ベストアンサー率41% (1357/3236)
回答No.3

こんばんは。 うん?「顔写真」? ということは「背景」ではなく、「表示画像」を透けさせたことになりませんか? 画像を透けさせるには、ご存じの通り、<img>タグにスタイルを指定すればOKです。 そうではなく、(上記質問文とは意味が違いますが)例えばテーブルに背景画像を指定し、それを透過させたい、という意味なんでしょうか? これは確かに難問ですけどね。 というわけで、未だに何をしたいかよく分かりません。倉木さんのページ以外には参考はないのでしょうか?

  • rightegg
  • ベストアンサー率41% (1357/3236)
回答No.2

こんにちは。 や、そりゃないはずですよ。 だってスタイルシートはほとんど無関係ですから。 答えはこれです↓ つまりそう「見せかけているだけ」なんですよね。 WEBの制作者は大抵こういった考え方をするもんです。

piyon1974
質問者

お礼

・・・・・・・・・・・あ。 画像でやってましたか・・・。 最初、ここのBlogが公開された時は スタイルシートでやってたのを見たんです。 その時は、顔写真が微妙に透けていて…。 で、先日また見て見たら、それが解消されていたので スタイルシートか何かで設定できるのかと思ってました。 ん~。画像でやるしかないのですかね…。 ありがとうございました~!

  • rightegg
  • ベストアンサー率41% (1357/3236)
回答No.1

こんばんは。 単純な考えなのですが、 それは「背景」な訳ですよね? 背景を透かす理由ってありますか? というのは、透過させるといっても、結局白くなるだけなら、最初からそういう画像として作成した方が早いと思うんですよ。 処理的にもその方が楽なはずですしね。 その辺いかがでしょう?

piyon1974
質問者

補足

すみません。説明不足でしたね。 http://kuraki.livedoor.jp/ こんな感じのことをやりたいのです。 ソースとか、スタイルシートとか見て見たのですが それらしき部分が見当たらなくて…。

関連するQ&A

  • テーブルの背景を透過する方法

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

    • ベストアンサー
    • HTML
  • 背景を透過するタグについて

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

    • ベストアンサー
    • HTML
  • css box 背景画像透過表示させる

    cssboxで枠を作っています。メインボックスにbodyで指定した背景を透過して入れたいと思っています。こんなcssを使ってみましたが背景どころか全て薄くなってしまいました。 filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;

    • ベストアンサー
    • CSS
  • CSSでテーブルの背景のみを透過させる方法

    filter:alpha(opacity=80)を使って設定しているんですが、 文字・画像・枠線まで全て透過されてしまいます。 テーブルの背景のみを透過させるには、どうすればいいでしょうか? アドバイスよろしくお願いします。

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

    透過背景を解除するにはどうすればいいのでしょうか? 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
  • テーブルの背景画像のみ透明化

    http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。

    • ベストアンサー
    • 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
  • iflameのテーブルは透過し画像は透過しない方法

    ホームページを作っています。 CSSを使用し、インラインフレームのページを作っております。 そこで困っているのがCSSの設定なのですが、 インラインフレーム部分とメニューコンテンツの部分の背景を 半透明に透過したい&画像は全て透過したくないのです。 そこで、まずはメニューコンテンツ部分の背景を透過するため CSSの方を下記のように設定しました。 .sitetitle{ font-size: 20px; font-weight:bold; color:#666633; letter-spacing:4px; padding:0px 0px 5px; background: #fff; filter:alpha(opacity=50); opacity:0.9; } それから、このsitetitle内に載せる画像をHTMLで設定しました。 <div class="sitetitle"> <img src="index_files/03.jpg" width="210" height="170" ></div> ですが、 画像まで透過されてしまいます(キャプチャ画像のように) 画像は透過したくないのですが、どのように cssの設定をし、HTMLタグを書けば良いのでしょうか? ブラウザはFireFoxですが、グーグルクロムでも動作確認を行います。

    • 締切済み
    • CSS
  • 透過pngとie6について

    ウェブの職業訓練に通っております。 現在課題製作中で、透過pngもしくはcssのアルファ?記述で画像を透明にしようと思っています。 色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。 また、unitpngfix.jsへのリンクも貼りました。 自分のパソコン(mac,safari)ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。 彼のパソコン(win,IE6.6)で見たところ、どちらかがきいていません。 が、透過はされています。(不透明にはなっていないです。) 結果的には、どっちかがきけばOKなのですが、 この状態で大丈夫でしょうか?全てのブラウザに対応出来ますか? よろしくお願い致します。

    • 締切済み
    • CSS
  • テーブルを透過する時の文字

    お世話になります。 ビルダー8を使用しています。 テーブルを透過するのに、ドキュメントアウトライナーを使用し、テーブルのstyleのところに "filter:alpha(opacity=60)"(数字は任意) と書いています。 テーブルは透過できるので良いのですが、問題は文字まで薄くなってしまうことです。 白のテーブルで背景を透過させた時に、黒の文字までうすーくなってしまい、ボヤけた印象です。 文字だけは透過させない方法はあるのでしょうか? 宜しくお願いします。

専門家に質問してみよう