• ベストアンサー

ブログの背景透過

ライブドアーのブログをカスタマイズしています。 そのとき、ブログの背景をcssでbackground:transparentと設定して、bodyを透かせたいのですがIEやoperaだと透過できません。(fireworksだけは透けました!) hackをかけないといけないのでしょうか? 解決策をご存知の方いらしたら教えてください。 よろしくお願いします!

  • ocum
  • お礼率88% (71/80)

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

IEの場合 <body style="position:absolute;filter:Alpha(Opacity=30)"> みたいな感じでできるはずですが、 広範囲にフィルタを掛けると重いので止めた方がいいです。

ocum
質問者

お礼

ご回答ありがとうございました。

関連するQ&A

  • ブログ全体を透過する為には?

    ブログはJUGEMです。 ブログを透過して写真素材を背景に固定したいのですが、 透過するために必要なHTMLやCSSを教えてください!

  • MTで 透過する背景をやってみたい

    MTをはじめて1年ほどの初心者です。2~3ヶ月に一度デザインを変更して楽しんでいます。今度はbodyに設置した背景を、containerで透過させられるデザインをしてみたいと思うのですがその記述の仕方がさっぱりわかりません。スタイルシートでサイドバーやコンテンツ・・・若しくはcontainerに、bodyを透過する背景を設置すればよいのではと思うのですが、思うような結果が出ません。 たとえば goo ブログのテンプレート一覧の最初に出てくる「海」みたいなのが今の目標です。 御存知の方 秘密技術だとは思いますが、どうか ソースの記述の仕方を教えていただけませんでしょうか 又参考になるCSSのサイトを御存知でしたら紹介していただけると大変勉強になります。

  • フラッシュ背景透過はFireFoxじゃ無理?

    Flashの背景を透過するためのに、HTMLの中に以下を入れました。 <param name="WMODE" value="Transparent" /> IEでは成功したのですが、FireFoxではダメでした。 FireFoxで透過は無理なのでしょうか? もしも透過させる方法を知っている方がおられましたら、 教えてください!お願いいたします!

    • ベストアンサー
    • Flash
  • インラインフレームの中のフレームを透過

    お世話になります。 タイトル通りなのですが、インラインフレームの中に置いたフレームが上手く透過出来なくて困っています。 一般的にインラインフレームの中を透過する場合は <body style="background-color: transparent;"> だと思うのですが フレームの場合だとbody=framesetと読み替えるため <frameset cols="25%,*"style="background-color: transparent;"> になると思い実行しても上手くいかず。 また、透過の微調整ができるタイプのものも試しましたが 上手くいきませんでした 検索しても思ったものがひっかからないのでお手上げ状態です。 どなたか知っている方いらっしゃいましたら、お手数ですがご助言下さい。 宜しくお願いします。

  • 2重に背景画像を

    質問をさせていただきます。 画像のようにこれまでは 赤のBのみをbodyに指定して パターンイメージを並べていました。 そこでその上にAの様な横だけに並べるPNG画像の背景が 欲しいとおもったところこのようなサイトを見つけました。 ttp://www.bnote.net/css/css_layout/tips_html_back.html このサイト方がおっしゃられている様に htmlにback-groundでBを指定 bodyにAを指定すれば出来る! と思ったのですが上手くいきません。 htmlにBを並べるのは成功しました。 しかしbodyにAを指定してはめこむと pngの黄色い部分が透過されず白背景になってしまいました。 bodyにbackground-color: transparent;を指定したりと 試しましたがなんとも上手くいきません。 何かアドバイス等ございましたらよろしくお願いします! 今は html { background-image:url(○○○○○.gif) } body { height : 100%; text-align:center; font-size:16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; line-height: 1.6; background-color: transparent; background-image:url(○○○○○.png); background-position: left top; background-repeat: repeat-x; } となっております。

    • ベストアンサー
    • CSS
  • ライブドアブログの背景色を変更したい

    ライブドアブログの背景色を変更したいです。 変更箇所は(1)ブログ全体、(2)個別記事エリア全体、(3)ブログパーツエリアの3カ所です。 カスタマイズのCSSなどのどこかに「background-color: 」を挿入するのだと思うのですが中々思うようにいきません。 ご存知の方いましたら詳しい解説をお願い致します。

    • 締切済み
    • CSS
  • FC2ブログで背景画像を任意の位置に貼れない

    FC2ブログでオリジナルのテンプレートを作成しています。 CSSにて、背景画像を設定しようとしていますが、 配置設定がどうしてもうまくいきません。 画像を右下に配置させられるよう、 以下のように設定しました。 template.cssココカラ----------------------------------------------------- body { background : transparent url("http://blog-imgs-画像のURL") bottom right no-repeat; background-attachment:fixed; } template.cssココマデ----------------------------------------------------- 自分のパソコン上に作ったHTML・CSSでは、右下に配置してくれましたが、 FC2ブログのテンプレートに設定・反映したところ、 右上に配置されてしまいました。 InternetExproler9、GoogleChrome、FireFox3.6で動作を確認したところ、 正常に配置してくれたのはFireFoxだけでした。 この他に、background-positionで配置場所を個別に設定するなどしましたが、 どうしてもうまくいきませんでした。 ご助言をいただけますようお願いします。

    • ベストアンサー
    • CSS
  • 背景画像の上に透過GIF背景をのせる方法

    はじめまして。 メモ帳にHTMLタグ打ち込みでWEBページを作ってるのですが、 bodyで背景画像を指定し、その上に透過GIFをおき、さらにその上にテキストを表示させるにはどうしたらよいのでしょうか。 具体的には、「テキストを表示させるブロック(tableやdiv)の部分」を半透明の透過GIFをフィルターみたいにかぶせて、その上に書くテキストを見やすくさせたい、という動機です。 divのなかのstyle、またはtableでbackgroundを定義しても、もとのbodyの背景が反映されなくなってしまうのですよね。 一応、自分で考えた策としては ・ブロックの背景そのものを、ある程度薄い色に変えた画像を用意してそれをtableの背景にする というものがあるのですが、これはやはりつなぎ目の部分でズレてしまって見栄えがあまりよくないのです。 かなり細かいところにこだわりすぎな感じもするんですが、 ぜひとも叶えたいのでどなたか方法をご存知でしたら教えていただきたいと思います。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Operaで背景をリピートさせたくない

    サイトをIE 6/Firefox 2/Opera9で確認をとっているのですが Opera9だけ背景の指定(リピートさせない)がうまくいきません。 H3に背景を指定したいのですが、繰り返してしまいます。 h3 {background:url("h3.gif") no-repeat} h3,h4 {padding:2px 5px;margin:0.5em 0 0.8em;font-weight:bold} CSSは↑こんな感じで書いています。 背景をbodyで指定した場合は、繰り返さないのですが 何が原因なんでしょうか。 ご助言お願いいたします。

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

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

    • ベストアンサー
    • HTML