Border bottom issue with Chrome

Я использую изображение только как нижний. Он отлично работает в FF, но не в Chrome.Border bottom issue with Chrome

В Chrome он принимает эффект для 4-х направлениях, то есть верхних левых нижнего правого

Моего код

.aboutbg .menu-box-content-wrapper { 
    border-bottom-width: 5px; 
    -webkit-border-image:url(../images/about-text-bg-box.png) 6 repeat; 
    -moz-border-image:url(../images/about-text-bg-box.png) 6 repeat; 
    border-image:url(../images/about-text-bg-box.png) 6 repeat; 
    border-bottom-style: solid; 
}

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

Любая помощь очень ценится. Заранее спасибо.

источник

2015-05-12 Raj

Вы можете также указать свой HTML код? – Nitesh

Конечно, позвольте мне отредактировать мой пост. Спасибо, – Raj

Кроме того, ваши изображения поступают с относительного пути, поэтому добавьте их в скрипку с абсолютными ссылками, чтобы увидеть проблему с лучшей ясностью. – Nitesh

Вы должны использовать border-width: 0 0 5px; вместо border-bottom-width: 5px;.

Проверить Fiddle Here.

источник

2015-05-12 06:25:10 ketan

Awesome Ketan. Большое вам спасибо за вашу помощь. Это трюк. Еще раз спасибо. – Raj

Border bottom issue with Chrome

ответ

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