画像ボタンのサイズはパーセントで

Question

私はウェブページにドアベルのようなものを実装しようとしています。私はdiv内に扉の背景画像を持っており、クリック可能な玄関のイメージを追加したい。私はまた、ボタンが現在クリックされているときにボタン内の画像を変更したいと思います。

<a id="bell" class="button" href="#"><span></span></a> 

アンカータグは、ボタン画像であるCSSのbackgroundプロパティを持っています

私は私がこのような何かを使用して、ウェブ上で見つけた画像をボタンの技術を使用してみました。しかし、パーセンテージでサイズを変更することはできません。私は扉と扉の鐘をページのパーセンテージに応じてサイズ変更したい。これを行う最善の方法は何ですか？

Answer 1

anchor要素は、デフォルトではブロックレベルの要素ではありません。アンカー要素にCSSを設定してdisplay：blockに設定すると、そのサイズは％で表示されます。つまり、達成しようとしているものを正確に見ることなく、最良のガイダンスを得ることは困難です。マークアップが意味的に正しいことを覚えておいてください。 'ボタン'要素はアンカー要素より適切です。