2013-12-11 2 views
-1

Я пытаюсь скопировать этот пример на хлебную крошку. Я люблю эту хлебную крошку, но не могу понять, почему автор не исправил в ней строки.Css Breadcrumb Отображение вертикальных линий в IE и FF

Я использую Bootstrap 3.0:

Я не вижу проблемы в Chrome 32, но IE 11 и FF 25 вы можете увидеть линии.

Ссылка ниже содержит HTML, CSS и отображение сухаря.

http://codepen.io/eMaj/pen/qtico

Я не был успешным при удалении их. Любая помощь будет оценена по достоинству.

+1

Я din't увидеть, что вы имеете в виду в Firefox. –

+0

Я не уверен, что в нашей среде отличается. Вы используете FF против 26? Одна вещь, которую я испортил, - это на моей веб-странице, где вы видите белый фон, но в примере, который я скопировал с фона, черный. – user3084526

+0

Вы увеличили масштаб этих браузеров, над которыми он не работает? Нажмите «Ctrl + 0» и посмотрите, не имеет значения – davidpauljunior

ответ

0

В некоторых масштабах масштабирования дизайн разбивается из-за округления пикселей.

Дайте псевдо элементы 1px решает услуги для покупателей вопрос в моем браузере

a{ 
    &:before, 
    &:after{ 
    content: ""; 
    position:absolute; 
    top: 0; 
    border:0 solid $blue; 
    border-width:20px 11px; /* original value 20px 10px */ 
    width: 0; 
    height: 0; 
    } 
} 
+0

Спасибо, vals, я ценю это. – user3084526

0

Я проверил его в FF, и он выглядит хорошо для меня, без какой-либо белой границы. Попытайтесь очистить кеш

+0

Я очистил свой кеш, но не повезло. Я также обновил FF до версии 26 и до сих пор не повезло. Я использую Windows 8. Но я не знаю, как это повлияет на это. – user3084526

Смежные вопросы