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;
}
ココログの仕様はわかりませんので、参考までに
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を貼り付けたのですが私が間違って貼り付けたのかも知れません。勉強してみます。自身はありませんが 感謝いたします。