До полноценной поддержки CSS 3 всеми браузерами еще далеко?
Вчера, благодаря своему читателю, я обнаружил в WebKit очень интересную ошибку: оказывается, что он не понимает псевдокласс :empty
(из CSS 3).
Проверяется очень легко:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:empty and WebKit</title>
<style type="text/css">.test:empty { display: none; }</style>
</head>
<body>
<div class="test">
Verus amicus amore, more, ore, re cognoscitur
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:empty and WebKit</title>
<style type="text/css">.test:empty { display: none; }</style>
</head>
<body>
<div class="test">
Verus amicus amore, more, ore, re cognoscitur
</div>
</body>
</html>
Так страница отображается в Google Chrome (и Safari):
А так — в FireFox:
Что характерно, Konqueror отображает страницу так же, как и FireFox, так что ошибка, по-видимому, специфична для WebKit.
© 2013 सत्यं वद धर्मं चर. Все права защищены. Перепубликация материалов без разрешения автора запрещена.
При использовании материалов блога наличие активной не закрытой от индексирования ссылки на источник обязательно.