css - background-size doesn't work in IE -


this question has answer here:

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

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

php - joomla get content in onBeforeCompileHead function -