Opera和IE没有正确地归因于css文本修饰

Question

使用Opera 11和IE 9，似乎这两个浏览器没有正确归属CSS文本修饰样式。这在Chrome，FireFox和Safari中100％有效。有没有人建议如何解决这个问题？

错误的影响：

正确的效果：

这是CSS：

#main_title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

#main_title a {
    color: #000;
}

#main_title_accent {
    border: 1px solid #000;
    background: #ff9935;
    text-decoration: none;
    font-size: 20px;
    padding: 5px;
}

这是HTML：

<div id="main_title">
    <a href="home">Text <span id="main_title_accent">Goes</span> Here</a>
</div>

Answer 1

您需要将display:inline-block提供给#main_title_accent。

在w3c: 16.3.1 - text-decoration property

了解详情

相关报价

  

请注意，文本装饰不是   传播到漂浮和绝对   定位后代，也不是   原子内联级别的内容   后代，如内联块和   内联表格。

实例：http://jsfiddle.net/qp32H/1/