テンプレート CSS を編集すると背景画像が表示されなくなっちゃう件について。 ― 2005年05月16日 22時49分54秒

拝啓、草野さま。

背景画像を含むスタイルシートのテンプレートを選択した上で、スタイルシートの編集を行うと、背景画像のファイルへの参照先 URL が変わってしまう為に、背景画像が表示されなくなってしまいます。

例えば、テンプレートに「シンプル」を選択すると、タイトル部分のブロックに対して以下のようなスタイルシートが記述されます。

#head {

(...中略...)

	background-image: url(h1bg.jpg);

(...中略...)

}

このスタイルシートは、編集を行っていない場合は以下のようにリンクされていますが、

<link rel="stylesheet" type="text/css" 
    href="http://www.asablo.jp/css/common2r/simple/common2r.css" 
    media="screen,tv,print">

編集を行うと、スタイルシートの URL が以下のように変更されるため、

<link rel="stylesheet" type="text/css" 
    href="http://harapeko.asablo.jp/blog/css" 
    media="screen,tv,print">

相対パスで指定されている背景画像への URL が実質的に変化してしまい、リンクが切れてしまう為に表示されなくなってしまうようです。

以上、ご報告まで。

by T.MURACHI [バグ報告] [コメント(3)｜トラックバック(0)]