html - IE 7的背景图片按钮显示问题

在页面的最底部，三个更多阅读按钮在IE 7中无法正确显示。为什么？我已经尝试了一切！

http://tjonesandson.co.uk/

.readmore {
  background-image: url("images/readmore-left3.png");
  display: block;
  float: right;
  height: 24px;
  margin-top: 10px;
}

.readmore a {
  background: url("images/readmore-right3.png") no-repeat scroll right center transparent;
  color: #414040;
  display: block;
  float: right;
  font-family: Arial;
  font-size: 11px;
  height: 21px;
  margin-right: -15px;
  padding: 3px 10px 0;
  text-shadow: 1px 1px 0 #FFFFFF;
}

最佳答案

您可以尝试这个。
将a的显示设置为inline-block（您可能需要减小padding-top和bottom）

.readmore a {display:inline-block;}

关于html - IE 7的背景图片按钮显示问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3627081/