html - Opera 和 IE 没有正确地属性 css text-decoration

Question

使用 Opera 11 和 IE 9，这两个浏览器似乎没有正确属性 CSS text-decoration 样式。这在 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

相关引用

Note that text decorations are not propagated to floating and absolutely positioned descendants, nor to the contents of atomic inline-level descendants such as inline blocks and inline tables.

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