CSS テクニック

スタイルシート スタイルブック を読みつつサイトの構築をしてるわけですが,うまくいかない部分があるんですよねー。04章の応用編にある,より速いマウスオーバー処理。

多分100%私の書き方かブラウザ(Camino,Safari)が悪いと思われるですが…。
HTMLのソースは
<ul><li><a href="#" title="">home</a></li>
<li><a href="#" title=""> </a></li>
</ul>

CSS のソースは
ul li a {
display: block;
width: 100px;
height: 32px;
border: dotted 1px rgb(200,200,200);
background-image: url("../img/backimg.png") top left no-repeat;
}
ul li a:hover {
background-position: 0 -50px;
}
ul li a:active {
background-position: 0 -66px;
}

そもそも CSS に書いている
background-image: url("../img/backimg.png") top left no-repeat;
が効いてないんじゃないかなー。
HTMLに
<img src="./img/backimg.png" />
としたら出てくるし。うーん。悩み中。

Written by:

One Comment

  1. 20. May 2005

    初めまして&ありがとうございます。

    background-image:をbackground:にして

    ああーっ,そうでしたそうでした。CSS をしばらくいじってなかったせいか,プロパティと要素のルールをど忘れしてました。

    一括で指定せずに一個ずつ background-image,background-attachment,background-position,background-repeat とバラバラに指定していった方がいいかなと思い始めてるところです。

    #CSS をいじってるとIEを窓から投げ捨てたくなる衝動に駆られます…

Comments are closed.