css - background-size doesn't work in IE -
this question has answer here:
- how make background-size work in ie? 8 answers
i'm using class
, id
(for instance) add picture on 1 div :
.icones { background: transparent url('../contents/homepage/60/icones.png') no-repeat; display: inline-block; width: 50px; height: 48px; background-size: 60px; } #contact { background-position: 0px -60px; }
with chrome
, ok, looks great , properties shown in element inspector
, in ie
, there problem.
on inspecting page developper tool on ie
, saw "background-size
" doesn't appear.
i know it's problem gives me trouble because when hide on chrome
have same page in ie
.
so question is: how can force ie
apply background-size
?
thanks!
edit :
so filter, doesn't seems work:
.icones { background: transparent url('../contents/homepage/60/icones.png') no-repeat; display: inline-block; width: 50px; height: 48px; background-size: 60px; filter: progid:dximagetransform.microsoft.alphaimageloader(src='../contents/homepage/60/icones.png',sizingmethod='scale'); -ms-filter: "progid:dximagetransform.microsoft.alphaimageloader(src='../contents/homepage/60/icones.png',sizingmethod='scale')"; } #contact { background-position: 0px -60px; }
solution :
edit pictures size manually , forget background-size. okay!
for ie have use specific css filter:
filter: progid:dximagetransform.microsoft.alphaimageloader( src='images/image.png', sizingmethod='scale'); -ms-filter: "progid:dximagetransform.microsoft.alphaimageloader( src='images/image.png', sizingmethod='scale')";
or use jquery achieve effect, explained in link.
Comments
Post a Comment