html - css background-image doesn't work on IE? -


this css style working on browsers when site on localhost. when uploaded site live server, works on browsers except ie.

the background-image don't show.

.button { font-family:arial, helvetica, sans-serif; display:inline-block; position:relative; background:url(../images/button-bg.gif) 0 0 repeat-x #3b3d3e; border:1px solid #3b3d3e; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; padding:1px 9px; margin-right:7px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(js/pie.htc);  } 

note: can see use color #3b3d3e background, , when page loads see color part of second, , disappears.

what wrong this?

i believe background should written out in order: background: color position size repeat origin clip attachment image; maybe ie browser cares?

if doesn't work maybe try adding each background value need seperately: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, , background-image.

also side note might want try commenting out last line in css "behavior:url(js/pie.htc)". know these things conflict other properties. have never used pie myself, worth shot commenting out.


Comments

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

How can I fetch data from a web server in an android application? -

jquery - How can I dynamically add a browser tab? -