Internet Explorer 9显示按钮的方式与IE10,Firefox和& Safari等

时间:2013-10-02 13:42:10

标签: javascript html css button

我的网站出了点问题

<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 /接触。 但从那以后,下面的问题正在发生。 其他一切都很好,所有其他东西加载正常,只是这个特定的按钮。

这是按钮后面的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;
}

非常感谢您的帮助。 谢谢

1 个答案:

答案 0 :(得分:0)

请插入demo或jsfiddle.net链接,这样我们就可以访问您的资源了。但是你插入了这段代码吗?

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