我无法改变围绕IMG标签的DIV的尺寸

Question

以下是我正在处理的代码的一部分，我希望它在我将鼠标悬停在整个图像上时添加背景但是当我设置div的宽度和高度时它将不起作用而只有底部部分已更改，如代码段中所示。

我想帮助解决这个问题。

  #select-background{
	display:inline;
  }
  #select-background:hover{
	display:inline;
	background-color:#c1c1c1;
	height:95px;
	width:95px;
	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

尝试将显示更改为阻止或内联阻止。这似乎使您当前的代码突出显示整个图像。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;