Переопределяю таким образом:

hr {
  background-image: url("../img/hr.png"); height:2px; border: none;
}

В ИЕ отображается стандартная линия. Как побороть?

Здравствуйте, VictorT, Вы писали:

VT>В ИЕ отображается стандартная линия. Как побороть?

Оказываеться, там не совсем линия остаеться. Поставь height больше и увидешь свой рисунок. Просто IE рисует еще эту серую рамку /:

Здравствуйте, MBy, Вы писали:

MBy>Здравствуйте, VictorT, Вы писали:

VT>>В ИЕ отображается стандартная линия. Как побороть?

MBy>Оказываеться, там не совсем линия остаеться. Поставь height больше и увидешь свой рисунок. Просто IE рисует еще эту серую рамку /:
Это я знаю. Но мне то надо именно 2 пикселя.

Здравствуйте, VictorT, Вы писали:

VT> Как побороть?

Никак. Меняй hr на div

Автор: swerg2
Дата: 10.01.07

.

Здравствуйте, Alex Reyst, Вы писали:

AR>Здравствуйте, VictorT, Вы писали:

VT>> Как побороть?

AR>Никак. Меняй hr на div

Автор: swerg2
Дата: 10.01.07

.
Хочется сохранить семантику кода.

Пока сделал вот так:

hr {
  background-image: url("../img/hr.png"); height:2px; border-style: none; outline-style: none;
}
* html hr {
  height: 4px;
}
Всё равно не то, что хотел, но решение получше пока не находится.

Здравствуйте, VictorT, Вы писали:

VT>Здравствуйте, Alex Reyst, Вы писали:

AR>>Здравствуйте, VictorT, Вы писали:

VT>>> Как побороть?

AR>>Никак. Меняй hr на div

Автор: swerg2
Дата: 10.01.07

.
VT>Хочется сохранить семантику кода.

VT>Пока сделал вот так:
VT>

VT>hr {
VT>  background-image: url("../img/hr.png"); height:2px; border-style: none; outline-style: none;
VT>}
VT>* html hr {
VT>  height: 4px;
VT>}
VT>Всё равно не то, что хотел, но решение получше пока не находится.
VT>

Конкретно в этом случае, лучше плюнуть на семантику.
Тем более, что уже IE7 не поддерживает хак со звездочкой.
Лучше пользуйся div'ом.

Здравствуйте, amida, Вы писали:

A>Конкретно в этом случае, лучше плюнуть на семантику.
Имхо, всё-таки лучше не плевать. На сайт, дизайн которого я счас переделываю, ходят так же люди и с мобилок.
A>Тем более, что уже IE7 не поддерживает хак со звездочкой.
А есть какие-то хаки для IE7?

Здравствуйте, VictorT, Вы писали:

VT>Здравствуйте, amida, Вы писали:

A>>Конкретно в этом случае, лучше плюнуть на семантику.
VT>Имхо, всё-таки лучше не плевать. На сайт, дизайн которого я счас переделываю, ходят так же люди и с мобилок.

Неужели линия-разделитель имеет такую важную смысловую нагрузку, что ей нельзя пожертвовать?

A>>Тем более, что уже IE7 не поддерживает хак со звездочкой.
VT>А есть какие-то хаки для IE7?

Хаки есть безблагодатность и сатанизм, не используй их
Для IE7 я использовал conditional comment в разметке страницы:

<!--[if IE]>

<![endif]-->

Хаки возможно есть, но я ими не особо увлекаюсь.
Посмотри в гугле IE7 css hacks

Здравствуйте, VictorT, Вы писали:

VT>Переопределяю таким образом:
VT>

VT>hr {
VT>  background-image: url("../img/hr.png"); height:2px; border: none;
VT>}
VT>

VT>В ИЕ отображается стандартная линия. Как побороть?

возможно, получится адаптировать одно из решений отсюда: CSS Style for HR with a Background Image

DR>возможно, получится адаптировать одно из решений отсюда: CSS Style for HR with a Background Image
Все приведённых там решений есть тот же недостаток что у моего решения.