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

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

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -