首页 > 编程知识 正文

css整个html加背景,css文字被背景图片遮住

时间:2023-05-04 03:33:59 阅读:134193 作者:739

如图所示,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%;

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。