javascript - Internet Explorer 9 显示按钮不同于 IE 10、Firefox 和 Safari 等

标签 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;
}

非常感谢您的帮助。 谢谢

最佳答案

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

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

关于javascript - Internet Explorer 9 显示按钮不同于 IE 10、Firefox 和 Safari 等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19138343/

相关文章:

css - IE8的 float 菜单CSS问题

c# - 问题: ASP. NET无法识别外部脚本

javascript - 如何使用nodejs Mysql包在回调后将我的数据获取到函数中

javascript - 使用 php 从表单生成 Word 文件。

jquery - IE11 问题与变换 rotateY 和背面可见性悬停效果

javascript - 如何用svg连接不同位置的点?

javascript - Chrome - Javascript 排序不一致

javascript - jsPlumb - 刷新后端点的错误位置和鼠标悬停后它们到达正确的位置

html - 如何在 Kickstarter 上创建下拉菜单

css float 及其堆叠顺序