Таблица стилей под Opera

При вёрстке очень часто используются CSS-хаки (сам не сторонник данного подхода), чтобы добиться одинакового отображения страницы в разных браузерах.

Для Internet Explorer используют Conditional Comments (условные комментарии).

Для внедрения же стилей только для браузера Opera существует малоизвестный тип type=’opera/css’ тега link. Подключается примерно так:



<head>
	<link rel="stylesheet" href="css/opera.css" type="opera/css" media="screen" />
</head>

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

  • Попробуйте Cufon, sIFR, Google Web Fonts.

  • Николай

    К теме,

    вот ситуация, при верстке необходимо строго использовать определенный шрифт к примеру «DroidSans», включаем его через @font-face, и ….

    в Opera он отображается крайне не корректно, FF, и Safari норм. что делать? Малой кровью, заменять его для оперы на Arial к примеру.

  • Прикол в том, что опера на этот хак не реагирует, а реагирует на него гугль хром 🙂

    Так что можете переименовать тему «Таблица стилей для хрома»

  • Андрей

    работал бы он еще

    • В новых версиях Оперы это, естественно, не работает. Тут на помощь вам придет JavaScript.

      Да и вообще не вижу смыла отделять стили для разных браузеров (исключение — ИЕ), проще писать правильный и валидный код — проблем возникнуть не должно.

      В своей практике не наткнулся еще ни на один баг Оперы, который бы не решался обычным CSS без хаков.

      • Anton

        Значит, плохо работаете, месье. У оперы есть баги, но о них не много народу знает, так как не все доходят до соответствующего уровня. Например, попробуйте посмотреть на работу @font-face для Win7 имя юзера которой — кириллическое.