jquery - how to zoom the background-image in ie8 with css -
i use span css style this:
background: url("../../../images/basicicons/community_32.png") no-repeat scroll left center / 75% auto transparent;
it can zoom picture in firefox,chrome,ie9+ well,but ie8 cannot,how in ie8,who knows,please tell me.
although you're combining single shorthand background
style, feature you're using background-size
.
before start tackling ie8 question, it's worth noting additional compatibility problem safari don't seem have noticed yet -- although safari supports background-size
, has issues when used in shorthand background
style, you've done in code in question. if want support safari, you'll better off separating background-size
bit own separate line of code.
now onto actual question, ie8 support.
unfortuantely you, ie8 not support feature @ all. it's relatively new addition css, , wasn't thought of when ie8 released.
the way you'll working in ie8 use polyfill script; ie small bit of javascript hacks browser add missing feature.
the polyfill know of background-size
css3pie. give go; it's easy set up, , should things working you. bonus, adds several other css3 features old ie versions well, may few other things too.
hope helps.
Comments
Post a Comment