• 締切済み

コメント部分を透かして背景画像を見せたい

gooオリジナルデザイン:CSS(スタイルシート)を使用してブログを作っています。 entryやmenuやheaderなどを透かして、背景画像を見せたいのですが、どのようにCSSを設定すればよいかわかりません。 以下のようなブログのように背景が見えるようにしたいのですが・・・ http://hatikadukihime.txt-nifty.com/weblog/ すみませんがどうぞよろしくお願いします。

みんなの回答

noname#19206
noname#19206
回答No.2

CSS の Filter は IE の独自拡張だから使わないほうが良いでしょう。 最近は非 IE 系の人も増えてきているといいます。 割合としては少数派ですが、だからといって切り捨てるべきではないでしょう。 透明にしたいときは CSS の編集で table という文字列の含まれる項目から、 background:*** という部分をすべてはずしてください。 背景が無色ということで透明になると思います。

himawari2006
質問者

お礼

U-RIA_plusさん どうもありがとうございます。助かりました! table という文字列の含まれる項目から、 background:*** という部分をすべてはずしたら、背景が無色になりました。

  • inu2
  • ベストアンサー率33% (1229/3720)
回答No.1

例にあげたサイトを見る限り、透明というよりは、背景固定ですよね? BODY {background-image:url("haikei.jpg");background-attachment:fixed;} とかで固定できます、 それとも質問内容のとおりに、透明なのでしょうか? だとすれば透明にしたい部分に style="background-color:#FFFFFF; filter:Alpha(opacity=50);" を適用させてください 白部分を50%の透明度にして背景を透けさせます opacity=?? で透明度(例は50%の意味)を任意に入力してください

himawari2006
質問者

お礼

inu2さん どうもありがとうございます。 透明のfilter:Alphaでも透明度を下げる事ができました。 このfilter:Alphaを使用すると、テキスト文字も透明度がさがりましたが、このような設定なのでしょうか。

関連するQ&A

  • [CSS]リキッドレイアウト上で、floatさせたサイドバーの背景画像を高さ100%で敷き詰めたい

    今ヘッダフッタ付きの3カラムブログデザインを作っています。 leftnaviとrightnavi(サイドバー/メニュー)の間にmaincontents(ブログのメイネントリ)が挟まるような、まあ一般的なブログデザインです。 で、質問なんですが、leftnaviとrightnavi(サイドバー/メニュー)に背景画像を敷き詰めたいんです。 ブログですので、基本的にはmaincontents(エントリ)の方がサイドバーよりもheightが大きくなってしまいます。 その際、サイドバーの背景が、記述されたメニューの部分までしか反映されません。これについて、エントリ部分の高さまで敷き詰める方法を教えて頂けませんでしょうか? 色々調べたところ、(http://css-happylife.com/log/css-template/000028.shtml)こちらで、width固定デザインの際にcontainerに背景画像を指定する方法が紹介されていました。 ただ、今回お伺いしたいのは、containerのwidthを%指定するリキッドデザインの場合、です。左右のサイドバーにはそれぞれ別の背景画像を指定したいと考えているのですが、それは可能なのでしょうか?

  • タイトルのところへ背景画像を入れたい

    ブログのデザインはカストマイズ出来るとありますね。(goo ブログ) お恥ずかしい話、CSSについて知識がありません。ブログのタイトル のところへ、背景画像を挿入したいのです。 「GOOブログでCSS編集」を見ると、ページ全体の背景色、背景画像の設定とあり、どうもそこから背景画像を挿入したらいいようなのだが、素人の悲しさ、どこをどうしたらいいのやら、さっぱり分かりません。タイトルのところへ画像を入れるやり方、教えてください。

  • スタイルシートで、背景画像が表示されない

    スタイルシートで、背景画像(header.jpg')を設定してるのですが表示されません。  --- style.css     newpage5.html  --- img ┐        header.jpg スタイルシートは border-bottom: 1px solid #FF9900; background-image: url('img/header.jpg'); padding: 20px; ホームページビルダーでは、簡易表示されてるんですが アップロードすると、画像が表示されないのですが・・・ 以上宜しくお願いします。

    • ベストアンサー
    • HTML
  • CSSの編集について(コメント欄を表示させたい)

    オリジナルデザイン:CSS(スタイルシート)で、コメント欄とこの記事のTrackback Ping-URLを表示させたいのですが、プレビューをしてみても、反映されません。 他の方のブログを参考にしたり、HLEPをみたのですが よくわかりませんので、アドバイスをお願いします。

  • ブログタイトルの背景に画像設定 (FC2)

    FC2ブログの共有テンプレートからDW99さんの[aqua_3cpl] (http://preview.blog22.fc2.com/?style3=2111&index)をダウンロードしました。 このテンプレートでブログタイトルの背景に画像を設定したいと思いました。 そこで、スタイルシートに、「カスタマイズ・マニュアル」を参考にして、以下を挿入してみましたが、ブログを確認しても画像は表示されませんでした。 (画像パスには、画像のURLを入れています) 初心者にも分かるように、背景画像の設定方法を教えて下さい。 ↓これをスタイルシートに挿入してみましたが… /* ブログタイトル */ .header { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ }

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

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

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS
  • gooブログ 本文と背景の間に余白を入れたいのですが、できません。

    gooのブログを使用しています。 スキンはシンプルなものを使用してCSSで編集しています。 ブログのスタイルは、全体の背景色は白ですが、 さらに文章の後ろに読みやすいようにベージュの背景色つけています。 しかし、その背景と本文(左側)がきちきちで、もう少し右にずらして 余白を作りたいと思っています。 CSSの編集画面で、このようにしていますが、全く反映されません。 paddingとmarginどちらかよく分からないのですが、どちらでやってみても無理でした。私のやり方が間違っているのでしょうか。 よろしくお願いします。 /* エントリー本文 */ .etBody { font-size: 10pt; line-height:130%; word-break:break-all; padding: 0px 0px 0px 50px; } /* エントリー本文背景 */ .entryBg{ padding: 10px; background-color:#EEE5DE; margin: 0px 20px 30px 0px; }

  • 両端に背景画像を入れる

    画面の左右両端に、縦に繰り返しで、画像を背景として入れたいのですがどうすればよいのでしょうか? <STYLE type="text/css"> <!-- BODY { background-image : url("~~.gif"); background-position: left; background-repeat: repeat-y;} --> </STYLE> スタイルシートを使って、とりあえず左にだけ入れることは出来ました。 このあとを教えてください。お願いします。

    • ベストアンサー
    • HTML
  • ブログのタイトル背景部分に画像を入れたいのですが…

    gooブログのカスタムメタルを使用しています。 タイトル部分に画像を入れていたのですが突然見れなくなってしまいました(以前は正常に表示されていました) /* /ページ全体共通指定*/ /* ブログのタイトル部全体の背景(デフォルトは画像使用) */ .header { height: 180px; background-image: url(画像のURL); background-attachment:fixed; background-repeat:no-repeat; background-position:left; } 頻繁にいじっていたのでどこか間違えているかもしれません。 が、何度見てもどこが間違ってるか自分ではサッパリわからなくなってしまいました; よろしくお願いします。