html - 我怎样才能让这个网站上的选项卡的边框以四舍五入的形式显示？

Question

我有一个网站....

http://samyoga.apphb.com

当我查看 Firebug 时，我会在导航选项卡上看到圆形边缘。但是，当我查看 IE 时，我没有。在我得到的 IE 开发人员工具中查看 CSS 时，真正让我感到困惑的是……

但是当我查看 CSS 时，我...

#menu {
    width: 940px;
    height: 58px;
    margin: 0px auto;
    padding: 0px 20px 0px 20px;
}

#menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    text-align: center;
}

#menu li {
    display: inline;
    text-align:justify;
}

#menu a {
    margin: 0px;
    padding: 10px 12px 10px 12px;
    line-height: 56px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #262626;
    border: none;
}



/*set the radius*/
#menu .current_page_item a, #menu .current_page_item a:hover {
    background: #E91370;
    color: #FFFFFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-top-left-radius:4px;
}


#menu a:hover {
    background: #FF77C8;
    text-decoration: none;
    color: #FFFFFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-top-left-radius:4px;

}

地球上所有这些额外的属性是从哪里来的？以及如何使边缘变圆，因为当我设置 ^ CSS 时它不会在 IE 上显示，不确定我做错了什么？

Answer 1

使用文档类型，以便 IE 切换到标准模式以显示页面。目前您处于 Quirks 模式，大致是 IE 5 的页面呈现。你不想要那个。曾经。

你没有看到它让我有点惊讶，因为你已经在开发者工具中，渲染模式显示在菜单栏中：

而且我不确定您所说的“所有这些额外属性”是什么意思。看起来 IE 扩展了填充、边距和边框的速记属性，所以你看到的比定义的要多，但它们是相同的规则。