如图所示,ui需要异形的button。 虽然是由3张拼接而成,但由于几个未知的原因会导致背景图发生如图所示的偏移。
看代码应该没有问题,是什么原因导致位置偏移呢?
背景设定代码
. El-button.El-button---- primary {
border: none;
background : URL (data : image/png; base64、ivborw0kggoaaaaaaansuheugaaaaiaaa8cayaaabmxmv5aaaaaaaxnsr…ifduxyedxtsrptxyi/vpmkyfbu/du GTR9mfhz 4m w0 bpbugzfziypkaaypkaaaybaytharabababababattttichichored
border-radius: 0;
background-repeat: repeat-x;
background-size: auto 100%;
定位:关系;
color: #fff;
padding: 8px 3px;
height: 30px;
border-left :12 pxsolidtransparent;
border-right 336012 pxsolidtransparent;
background-clip : padding-box;
}
. El-button.El-button---primary : before {
内容: ';
显示:块;
定位:助手;
left: -11px;
width: 12px;
height: 100%;
top: 0;
background : URL (data : image/png; base64、ivborw0kggoaaaaansuheugaaaabgaaa8cay aaab8snryaaaaaaaxnsr…gypmtammzkkgpt 89 e w8ey Hou3bfr BZ 817 loi/fks P8 b b57 sm 32 V7 waaaaaaaaasab 8
background-size: 100% 100%;
}
. El-button.El-button---- primary : after {
内容: ';
显示:块;
定位:助手;
right: -11px;
width: 12px;
height: 100%;
top: 0;
background : URL (data : image/png; base64、ivborw0kggoaaaaansuheugaaaabgaaa8cay aaab8snryaaaaaaaxnsr…rzgjmxfdlyusb 3u7bzbyfv8ya 166 jp/rw8/5 wprgyqlmz8sjcm7osbaaaaababarababababarababababid
background-size: 100% 100%;
}