Opera и IE неправильно приписывают CSS-оформление текста - PullRequest
Новая
       14

Opera и IE неправильно приписывают CSS-оформление текста

0 голосов
/ 18 декабря 2010

При использовании Opera 11 и IE 9 кажется, что эти два браузера неправильно приписывают стиль оформления текста CSS.Это работает на 100% в Chrome, FireFox и Safari.У кого-нибудь есть предложения, как это исправить?

Неправильный эффект:

alt text

Правильный эффект:

alt text

Вот 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>

1 Ответ

6 голосов
/ 19 декабря 2010

Вам нужно дать display:inline-block на #main_title_accent.

Подробнее на w3c: 16.3.1 - свойство текстового оформления

Соответствующая цитата

Обратите внимание, что текстовые украшения не распространяется на плавающие и абсолютно позиционированные потомки, ни к содержание атомарного встроенного уровня потомки , такие как встроенные блоки и встроенные таблицы.

Живой пример: http://jsfiddle.net/qp32H/1/

...