Chrome的邊框底部問題

我僅將圖像用作底部邊框。它在FF中正常工作，但在Chrome中不起作用。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; 
}

在Firefox中，我只能看到邊框底部的形象，但在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

令人敬畏的Ketan。非常感謝你的幫助。這就是訣竅。再次感謝。 – Raj

Chrome的邊框底部問題

回答

相關問題