Вопросы Теги

Удаление <час/> моделирование границы на IE

Мне нравится

General Software

Точечная Сеть

Производительность

16
задан Andreas Rejbrand 10 November 2014 в 22:53
поделиться

4 ответа

http://blog.neatlysliced.com/2008/03/hr-image-replacement/ 

<style type="text/css">
    hr {
       background: url(http://placekitten.com/800/100) no-repeat;
       border: 0;
       height: 100px;
       width: 100%;
    }
</style>
<!--[if IE 7]>
<style type="text/css">
    hr {
        display : list-item;
        list-style : url(http://placekitten.com/800/100) inside;
        filter : alpha(opacity=0);
        margin-left: -10px;
        width : 0;
    }
</style>
<![endif]-->

См. Его работу здесь: jsFiddle

27
ответ дан 30 November 2019 в 17:53
поделиться

Ну, вы можете просто вставить изображение напрямую и не использовать тег

. Тем не менее, я почти уверен, что вы можете избавиться от оскорбительной границы, просто изменив ее на цвет фона. Я имею в виду, что на самом деле он не исчез, но, по крайней мере, он скрывается: 

hr{
   border: #XXXXXX;
}
1
ответ дан 30 November 2019 в 17:53
поделиться

IE8, к счастью, все делает правильно. Так что через 12 лет есть надежда.

Если у вас сплошной цвет фона, просто определите границу как этот цвет, и она исчезнет.

1
ответ дан 30 November 2019 в 17:53
поделиться

Вы можете изменить цвет границы на прозрачный - я думаю, это все равно сработает.

В противном случае вы должны просто использовать само изображение и отказаться от тега

.

1
ответ дан 30 November 2019 в 17:53
поделиться