Почему не работает color для hr в css

valhalla · №1

Уже долгое время, обновляя Firefox 2, я жду, когда же, наконец, разработчики снизойдут до окраски разделительных линий (hr) из css. В Firefox 3 эта функция имеется, а разработчикам Firefox 2 она что, не по силам?
Элементарный код в css:

Выделить код

Код:

hr {
	color:#0081cf;
}
h3 {
	color:#0081cf;
}

для файла:

Выделить код

Код:

<link rel="stylesheet" type="text/css" href="test.css" />
<h3>test</h3>
<hr>
test

Окрашивает h3, но не окрашивает hr. Ну когда же?

Lynn · №2

valhalla

Уже долгое время, обновляя Firefox 2, я жду, когда же, наконец, разработчики снизойдут до окраски разделительных линий (hr) из css. В Firefox 3 эта функция имеется, а разработчикам Firefox 2 она что, не по силам?

Во-первых, это одни и те же разработчики.
Во-вторых, все обновления FF2 — это только обновления безопасности. Каких-то нововведений в FF2 ждать бесполезно.

Добавлено Fri Apr 4 17:16:09 2008 :
А вообще, поискать не пробовали?
http://www.sovavsiti.cz/css/hr.html

valhalla · №3

Lynn
Не подскажете инструменты отладки html-кода? Если css не применяется, как искать проблему?
То, что FF2 использует только backgroud для hr - это как найдено автором? Вообще, как отлаживать html?

Infocatcher · №4

valhalla

Не подскажете инструменты отладки html-кода?

Firebug (!), Web Developer (полезности в наличии), Console² (может пригодиться).

valhalla · №5

И все-таки косячный hr в Firefox.
Информация по приведенной ссылке - http://www.sovavsiti.cz/css/hr.html - о том, что FF использует только background-color для hr - туфта. FF использует и просто color, только криво. Например, вот этот код выдаст две синие линии:

<html>
<style type="text/css">
HR { color: blue }
</style>
<hr color=black>
<hr color="red" >
</html>

Стиль применяется и еще как!. Независимо от цвета внутри тега <hr color=black> обе линии синие в соответствии с глобальным стилем.
А если цвет из тега убрать:

<html>
<style type="text/css">
HR { color: blue }
</style>
<hr>
<hr>
</html>

то обе линии - серые. И плевать он хотел на стиль. По-моему, это баг и речь идет не о добавлении новой функции в FF 2, а об исправлении бага.

Отредактировано valhalla (09-04-2008 16:26:24)

Lynn · №6

valhalla
Стало любопытно, полез в исходники.
В общем, наличие атрибута color существенно меняет поведение элемента. Такого же эффекта можно добиться задав border-style: solid у hr.

В любом случае в FF2 этот баг исправлять не будут.

Полезная информация

№104-04-2008 17:11:50