CSS邊框圖像顯示模糊

我有以下圖像，我試圖設置爲圖像邊框（我已經添加了紅色，以便您可以正確地看到它 - 真正的版本是用透明bg修剪的）CSS邊框圖像顯示模糊

外形尺寸：363×10

我試圖將其設置爲只爲頂邊框邊框圖像（暫時）：

.panel { 
    background: #fff; 
    background: none; 
    border-radius: 0; 
    border-width: 10px; 
    border-style: solid; 
    border-image: url('../image/marker-white-01-reversed.png'); 
    border-image-slice: 15%; 
}

如果我設置border-image-slice: 15%;上邊框的整體形狀看起來是正確的（我認爲），但它看起來非常模糊：

任何人都可以看到這是爲什麼？本來我離開border-image-slice出來，但在拍攝時只在角落顯示...和不同的價值觀起到約，但似乎沒有給我正確的結果

來源

2017-08-13 pealo86

你試圖達到什麼樣的效果？ –

@ErenTantekin我基本上只是想讓頂部邊框看起來像第一個圖像（圖像文件之一） – pealo86

-1

.panel { 
    background: #fff; 
    background: none; 
    border-radius: 0; 
    border-width: 10px; 
    border-style: solid; 
    border-image: url('../image/marker-white-01-reversed.png'); 
    border-image-slice: 15%; 
}

看看你的代碼.. 半徑0和圖像切片15％和實心邊框。這就是你必須有這樣的形象。

來源

2017-08-13 17:33:30

CSS邊框圖像顯示模糊

回答

相關問題