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边框图像显示模糊

回答

相关问题