人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ご回答のとおり下記のとおり訂正しても#FFFFFFに戻ってしまいます。
background-color: transparent;

しかしココログのカスタム編集欄には下記タグが表記されていて良いとも思うのですが 保存・反映すると#FFFFFFになってしまいます

ココログのカスタム編集欄
#banner {
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
color: #CC99FF;
background-color: transparent;
text-align: left;
padding: 15px;
border: 0;
}

●質問者: seten
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:background-color border color MS Osaka
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● gillsderais
●100ポイント ベストアンサー

ココログの仕様はわかりませんので、参考までに

http://mitio.cocolog-nifty.com/siki/styles.css

を見た限りでのCSSの問題点をしてきておきます。


そのまえに、CSSの基本から。


後の方で宣言されたスタイルの方が前で宣言されたものよりも優先されます


CSSの中には#banner{・・・}がたくさん出てきます。なので、まず一番下の#banner{・・・}(2069行目)を見てみます。


#banner {

font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;

color: #339900;

text-align: left;

padding: 15px;

border: 0;

}


しかし、ここにはbackground-colorに関する設定がありません。

ということで一つ前の設定が適用されます。

では、もう一つ前の#banner{・・・}(1736行目)を見てみます。


#banner {

font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;

color: #339900;

background-color: transparent;

text-align: left;

padding: 15px;

border: 0;

}


background-color: transparent;と透明になるよう設定されています。でも、よくみると・・・


#container {・・・}

background-color:transparent;

#banner {

font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;

color: #339900;

background-color: transparent;

text-align: left;

padding: 15px;

border: 0;

}


となってるじゃないですか・・・つまり、#bannerではなくて、background-color:transparent;#bannerであると認識され、設定したつもりのbackground-color: transparent;は#bannerに対してのものではないことなります。


ちなみ、もう一つ前の#banner(1404行目)を見てみましょう。


#banner {

font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;

color: #339900;

background-color: #FFFFFF;

text-align: left;

padding: 15px;

border: 0;

}


ここでは、background-color: #FFFFFF;と設定されています。

結局、#bannerに対するbackground-colorには、この#FFFFFFが適用されているわけです。


ココログって、CSSファイルを直接書き換えることはできないのですか?

もしできるなら、background-color:transparent;を削除するか、一番下の#bannerにbackground-color: transparent;を追加してください。


(あと、余裕があったら教えてください)

CSSがこんな無駄に長くなるのはココログの仕様ですか?

◎質問者からの返答

詳しく教えていただきありがとうございました。

ココログについてご質問なのですがniftyココログはCSSについてのサポートはしないのです。ですから<ココログって、CSSファイルを直接書き換えることはできないのですか?>はココログのカスタム編集欄にCSSを貼り付けたのですが私が間違って貼り付けたのかも知れません。勉強してみます。自身はありませんが 感謝いたします。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ