jquery - IE8 background image is not showing correctly -


i used http://css3pie.com/ while creating button ie8 here code

.mybutton   {     -webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px;     background: #135496;     background: url("../img/arrow_white.png"),-webkit-gradient(linear, 0 0, 0 bottom, from(#135496), to(#12408d))no-repeat !important;     background: url("../img/arrow_white.png"),-webkit-linear-gradient(#135496, #12408d)no-repeat !important;     background: url("../img/arrow_white.png"),-moz-linear-gradient(#135496, #12408d)no-repeat !important;     background: url("../img/arrow_white.png"), -ms-linear-gradient(#135496, #12408d)no-repeat !important;     background: url("../img/arrow_white.png"),-o-linear-gradient(#135496, #12408d)no-repeat !important;     background: url("../img/arrow_white.png"), linear-gradient(#135496, #12408d)no-repeat !important;     -pie-background: url("../img/arrow_white.png"), linear-gradient(#135496, #12408d)no-repeat !important;     behavior: url("../img/pie.htc");     background-position: 50% 50%;     position: relative;     z-index: 1;     filter: none !important; } 

but repeats background image though set no-repeat. if remove pie-background background image not repeating instead gradient missing. doing wrong here ? , pie support background gradient , background-image @ same time?

you need set separate rule, keep no-repeat value images, this: background-repeat:no-repeat


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -