Я перенес эту идею в последнее представление Design View , но, думаю, стоит упомянуть об этом и здесь.
Если вы когда-либо занимались стилем почтенного HR, у вас, вероятно, все еще есть следы от ногтей на ваших глазных яблоках. Для того, что выглядит как такой простой маленький тег, у него, безусловно, есть одна из самых петлевых кросс-браузерных реализаций CSS. Некоторые браузеры считают это передним планом (а именно IE), другие думают, что это фон (FireFox / Moz), в то время как другие не проявляют особой приверженности в любом случае.
Конечно, это достаточно раздражает, но последний удар наносится через то, как IE использует HR «background-image», в котором он настаивает на добавлении молочно-серой линии к любому фоновому изображению. На изображении ниже показана синяя пунктирная «истинная» граница (отмечена знаком «X») и серая «псевдо-граница», обертывающая фон.
Насколько мне известно, никто никогда не придумал способ убрать эту строку, сделав HR-фоновое изображение практически бесполезным.
Поэтому вместо того, чтобы заставлять CSS делать то, что он не может, я использую JavaScript для грязной работы.
Метод, который я использовал, продемонстрирован и объяснен на этой странице примера , которая также показывает выбор некоторых креативных интерпретаций, используемых различными браузерами.
Еще одна странная маленькая вещь, которую я обнаружил в своих экскурсиях, была ошибка Firefox, которая заставляет его отображать закругленные углы на своих HR, если вы добавляете атрибут ‘noshade =’ noshade ”(я знаю, что вы не должны в любом случае). Я открыл короткую демонстрационную страницу для этой интересной новой функции здесь .