• 締切済み

インラインフレームで背景は透過するけど、画像は透過させない方法

インラインフレームで背景は透過するけど、画像は透過させない方法 HP作りで、 透過したインラインフレームを作ったのですが、 ページにアップした画像まで透過してしまいます… どうしたら、画像だけ透過させない様に出来るのでしょうか?

noname#150722
noname#150722
  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

回答No.1

画像に背景色を設定すればいい. アルファチャネルが設定されてる画像の透過部は, 設定した背景色で表示されるはずだから.

関連するQ&A

  • インラインフレームでの背景画像透過の仕方を教えて下さい

    インラインフレームを使って、背景の画像を透過させたくて、スタイルシートを使用してみたのですが、右下に混在したサイトと表示されます。 何度やってもうまくいきません。 きちんと背景画像を透過させるのは不可能なんでしょうか? 関連したサイトややり方をご存じの方、教えていただけると嬉しいです。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • 透過して画像を背景に貼り付ける方法

    背景に写真を切り抜いた画像を貼り付けてHPにUPしたいと思っていますが、自分で色々やってみましたが出来ません。 jpgの背景画像にjpgの写真(綺麗に形を切り抜いた物)を合成はできるのですが、 切り抜いた画像の周りを透過させて、別の背景に貼り付けて、合成したいのです。 透過させると、gifかpngで保存ですよね。でその画像を背景と合成させるのができません。背景にそれを貼り付け、コピーなどすると、透過できなくて、画像の周りに四角く枠ができます。画像編集ソフトで、gifが読み込めません。でpngに変更して、保存すると透過出来なくて! 困っています。最初から素材でpng透過してある物も、出来ません。ソフトはwinxpに標準でついているもの(フォトレタッチとビルダーv6.5ライト)意外はIrfan とPict Bear(ペイントソフト)のようなものしかありません。 あまり、画像処理ソフトの使い方が分からずにいます 上記のフリーソフトも使いこなせずにいる、初心者です。 良い方法があったら教えてください 市販のソフトでないと、このような事は出来ないのですか。 どうぞ宜しくお願いいたします 説明が分かりづらくてすいません

  • 画像の透過の件です

    イラストを作って背景を透過して新規ページに貼り付けていました 今までは綺麗に透過になってましたが、昨日からPCの不具合が生じまして今朝に回復したのですがHPのpngの画像の背景画透過になってません フォルダ内の背景色が表示されてるのですが此れを透過させてアップさせるには如何したらいいのでしょうか?

  • 透過処理したインラインフレーム内に表示する画像

    インラインフレームにフィルター設定をしている状態で、インラインフレーム内に表示させる別の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
  • 画像を透過させる方法がわかりません・・・

    PictBear seで画像を使ってない色を使って透過させてgif形式で保存したんですが、背景画像に貼り付けたら透過するときに使った使ってない色がでてきて透過がされてませんでした。 たぶん私のやり方が間違ってると思うので画像を透過させて、背景画像に貼る方法を知っている方がいましたら教えてください。

  • ページがスクロールするのについてくる背景画像

    わからなくて困っています。 どなたか分かる方教えてください。 トップページのトピックス部分をインラインフレームで表示させる作りにしました。 インラインフレームの表示部分は310*200です。 表示させる部分なので、トピックスの背景も310*200で作ってcssで固定させました。 表面的にはOKなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか? cssかjavaでできるでしょうか? 教えてください。 よろしくお願いします。

  • 透過した画像は1度切りしか使えない?

    こんばんわ。 見て戴いて有り難う御座います。 (1)愛犬の画像を透過しました。 (2)ブランドのロゴ入りの黒い背景に貼り付けました。 (注:個人で楽しむものであって肖像権には注意してます。) (3)他の画像に貼り付けようとしたら透過されているハズなのに黒い背景がつきまとうようになりました。 (4)透過した愛犬の部分だけを自分のHPにアップすることはできました。HPの背景は白です。 (5)そしたら次は白い背景が付きまとって他の画像とコラージュできません。 (6)フォトエディタでもペイントでも同じ状態です。 (7)過去ログを見たところ、前回の作業が残るのでそういう現象になる、との回答を見つけました。 それで、その「前回の作業の名残」はどうしたら消せるのでしょうか。 初歩的な質問で申し訳ありません。 どうか宜しくお願いします。

  • インラインフレームから別フレームの背景画像変更

    ○ページの構造 親ページ ├フレームA └フレームB - インラインフレームC ○インラインフレームC内ページ <script type="text/javascript"> <!-- function bgchange(bgname) { parent.A.document.body.background = bgname; } // --> </script> <span onclick='bgchange("img.gif");return false'>背景画像変更!</span> * インラインフレーム内の「背景画像変更!」クリックでAフレームの背景画像が変わるようにしたいのですが、 上のスクリプトだとAB間、B→C、でしか機能しません。どなたか手直しをして頂けないでしょうか?

  • 画像切り抜きで背景を透過にできるソフト

    私は画像を切り抜くときsnipping toolを使用しているのですが、これだと透過でロゴだけ切り抜くことができません。例えばYahoo!のトップページでYahoo!のロゴを切り抜くと、背景色が白のまま切り抜きになります。 私が以前利用していた有料ソフト(名前を忘れました)では、切り抜いた画像の拝啓が透過に設定できました。そこで教えていただきたいのですが、画像を切り抜くソフトで背景を透過にできるソフトはありませんか? 有料でも無料でも構いません。ご教授のほどよろしくお願いします。

専門家に質問してみよう