background-size在IE8及以下浏览器不兼容;要解决的话要用滤镜:

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');

注意:此处src的路径必须是绝对路径,相对路径不可以!

当写完这些后会发现又出现个新问题:页面中的背景是双重的,查看元素发现,background和滤镜同时都起了作用,于是出现了双背景。background属性与filter不可以在一起出现,否则页面中会出现双重背景。

  解决办法:利用IE8的专有hack:\9;将background设置为none;完整代码即:

  

{
background:none\9;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale'); }
05-23 22:01