Internet Explorer 9显示的按钮与IE10，Firefox和Safari等不同

Question

我在我的网站上遇到了麻烦

<a href="#" class="button">read more</a></div>

此代码显示一个圆形的蓝色按钮：

它的外观图片： http : //i.stack.imgur.com/NQR5r.png

我似乎不知道为什么。 我将我的网站页面（例如contact.html about.html）移到了单独的文件夹，并将它们全部命名为index.html，因此在加载URL时，它不显示www.websitename.com/contact.html，现在显示的是www.websitename。 com / contact。 但是从那以后，下面的问题就发生了。 其他一切都很好，其他所有东西都很好，只是这个特定的按钮。

这是按钮后面的CSS：

.text .button {
    display:inline-block;
    font-size:30px;
    font-weight:700;
    color:#fff;
    line-height:53px;
    padding:0 37px;
    background:url(../images/button_bg.gif) top repeat-x #308da2;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(../js/PIE.htc);
    position:relative;
    text-decoration:none;
}

您的帮助将不胜感激。 谢谢

Answer 1

请插入demo或jsfiddle.net链接，这样我们就可以访问您的资源。 但是您是否插入了此代码？

<meta http-equiv="X-UA-Compatible" content="IE=edge">