Internet Explorer 7 上图像的 CSS 问题

Question

.plus input[type="submit"] 
{
background: url("../Image/button_one.png") no-repeat;
border: medium none;
float: right;
height: 32px;
margin-right: 14px;
margin-top: 53px;
width: 32px;
}

我正在使用以下代码在图像上显示按钮，它适用于所有浏览器，但当涉及到 Internet Explorer 7 时，按钮会从图像中消失。

Answer 1

input[type="submit"]不支持 IE 7 和 IE8 see here 。最好上一个类。

此外，您正在以错误的方式编写 CSS。应该是这样的。工作 Demo .

 input.plus[type="submit"] 
{
background: url("http://lorempixel.com/60/30/") 0 0 no-repeat;
height: 32px;
width: auto;
}
input[type="submit"] 
{border:1px solid black;
width: 132px;}