IMGタグの周囲にある私のDIVの寸法を変更できません

Question

ここは私が取り組んでいるコードの一部です。私はそれを上に置いたときに全体の背景に背景を追加したいのですが、 divの幅と高さは機能せず、スニペットに示されているように下部のみが変更されます。

この問題を解決する方法についていくつかお手伝いします。

#select-background{ 
 
\t display:inline; 
 
    } 
 
    #select-background:hover{ 
 
\t display:inline; 
 
\t background-color:#c1c1c1; 
 
\t height:95px; 
 
\t width:95px; 
 
\t border-radius:10px; 
 
    }

<div id="select-background"><a href="https://hotmail.com"><img height="75" width="75" src="https://arteminc.github.io/stackoverflow-assets/hotmail.png"/></a></div>

Answer 1

遮断するディスプレイまたはインラインブロックを変更してみてください。それはあなたの現在のコードを取得して画像全体を強調表示しているようです。

#select-background{ 
 
\t display:inline-block; 
 
    } 
 
    #select-background:hover{ 
 
\t display:inline-block; 
 
\t background-color:#c1c1c1; 
 
\t height:95px; 
 
\t width:95px; 
 
\t border-radius:10px; 
 
    }

<div id="select-background"><a href="https://hotmail.com"><img height="75" width="75" src="https://arteminc.github.io/stackoverflow-assets/hotmail.png"/></a></div>