css中的图像按钮

Question

有没有办法在mvc4的css文件中创建图片按钮？我试图这样做，但图像没有显示。

<button name="button" type="submit" class="button" style="width:48px;    height:48px" >
<img src="~/Images/Setting.jpg"/></button>

Answer 1

您可以使用background-image

演示

button {
  background-image: url(http://lorempixel.com/100/100/sports);
  background-size: cover;
  color: white;
}

<button name="button" type="submit" class="button" style="width:48px;    height:48px">button</button>

Answer 2

尝试：

<input name="button" type="submit" class="button" value="your_text" />
<style>
.button{
width:48px;
height:48px;
background: url(/Images/Setting.jpg);
background-size: 100% 100%;
}
</style>

Answer 3

我也只是在img标签中设置宽度和高度。