お蔵入り
Ads By Google
本文エリアを透明にするには？
デフォルト2008ねずみ3カラムを使っています。背景を変更したのですが、本文が透明で無いために背景が見えません。
本文のところを透明にするにはどうしたらいいか教えてください。
2009-01-22 23:57の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
回答(2)
2.
2009-01-23 00:30:29
以下に添付する資料に、ＣＳＳでの背景色の設定方法が詳しく説明されています。
本文エリアの色（前景色）を透明にして、その後ろの背景を見えるようにするには、前景の色指定のところは何の色も指定しなければカラーコード指定のデフォールトで「透明」にされるはずと思います（「background-colorプロパティ - 背景色の指定」の部分を参照ください）。
本文エリアの色（前景色）を透明にして、その後ろの背景を見えるようにするには、前景の色指定のところは何の色も指定しなければカラーコード指定のデフォールトで「透明」にされるはずと思います（「background-colorプロパティ - 背景色の指定」の部分を参照ください）。
回答レベル : アドバイス
3.
2009-01-26 16:45:38
いろいろ試してみたのですが、他の４カ所に加え、
記事本文エリアの下にある /*** blockquote & pre */ のbackgroundを排除すれば本文が透過します。
これはfirefoxだと関係ないのですが、safariだとこれを排除しないとプレビューでは透過したように見えても記事には反映されません。
他の４カ所はもうおわかりでしょうが、
div.article-outer {
background: #dadada url( ) no-repeat;/* 背景画像：左上 */
/** 記事ヘッダー */
div.article-header {
background: url( ) no-repeat right top;/* 背景画像：右上 */
/** 記事タイトル */
div.article-title-outer {
background: url( ) no-repeat bottom right;/* 背景画像：右下 */ と左下のbackgroundのurlをすべて排除。
それと記事本文のdiv article-bodyの背景です。
記事本文エリアの下にある /*** blockquote & pre */ のbackgroundを排除すれば本文が透過します。
これはfirefoxだと関係ないのですが、safariだとこれを排除しないとプレビューでは透過したように見えても記事には反映されません。
他の４カ所はもうおわかりでしょうが、
div.article-outer {
background: #dadada url( ) no-repeat;/* 背景画像：左上 */
/** 記事ヘッダー */
div.article-header {
background: url( ) no-repeat right top;/* 背景画像：右上 */
/** 記事タイトル */
div.article-title-outer {
background: url( ) no-repeat bottom right;/* 背景画像：右下 */ と左下のbackgroundのurlをすべて排除。
それと記事本文のdiv article-bodyの背景です。
Ads By Google
コメント(8)
#1. オル
2009-01-23 22:15:01
ありがとうございます。
でもやってみたけど、どうしても出来ません。
background-colorプロパティは削除したのですが・・・。
#2. usa
2009-01-23 22:52:28
ブラウザの更新ボタン、あるいはCtrl+F5で画面を更新してもだめでしょうか？
#3. decimal
2009-01-24 07:45:36
>２
こういう問題には理屈でなくcssのContentsのどこのエリアのどこのbackgroundを透過にするのか？を示すのが親切な回答だと思います。私も知りたいので回答してください。
#4. usa
2009-01-24 09:44:38
ブラウザーの画面更新（キャッシュクリア）でもうまくいかないでしょうか？ 色指定をなしにしてもダメでしたら、（このデザイン詳しくないですが）、06. Mainの部分の div.article-body { の後で、
background-color: #fff; → background-color: transparent;
と変更してもうまくいかないでしょうか？
#5. decimal
2009-01-24 10:26:33
↑既にtest済みです。おそらくオルさんも。
その一点だけで背景は決まるものでもないし、自分でもう少しやることにします。
#6. オル
2009-01-25 15:01:24
僕も試しましたが、うまくいかないです。
background-color: transparent;
の設定はデフォルトのはず。
書いても省略しても同じでした。
#7. usa
2009-01-25 21:48:41
申し訳ないですが、どうしてうまくいかないのかちょっと分かりません。他の詳しい方のご意見を待ちましょう。
#8. BLUEPIXY
2009-01-26 02:17:31
ブログのアドレスを公表するといいかも・
