最近学习C3发现background-size有了几个新的设置值。

background-size: auto | 
     <长度值>
       | 
      <百分比>
        | cover | contain1、auto：默认值，不改变背景图片的原始高度和宽度；2、
       <长度值>
        ：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放；3、
        <百分比>
         ：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上；4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器；5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。
        
       
      
     

准备尝试一下，挨个实验后效果还是挺好，结果在IE7，8上不起作用。以前也没注意到，百度了一圈，终于解决了。

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

　　过滤器轻松解决。

IE中各个版本都可以了

 

例子如下：

 

         
     
     
    
      
        
       
                                    
        
         eee
        
        
        
       
                                    
        
         ddd
        
        
        
       
                                    
        
         ccc
        
        
        
       
                                    
        
         bbb
        
        
        
       
                                    
        
         aaa
        
        
        
       
                                    
        
         eee
        
        
        
       
                                    
        
         ddd
        
        
        
       
                                    
        
         ccc
        
        
        
       
                                    
        
         bbb
        
        
        
       
                                    
        
         aaa
        
        
        
       
                                    
        
         eee
        
        
        
       
                                    
        
         ddd
        
        
        
       
                                    
        
         ccc
        
        
        
       
                                    
        
         bbb
        
        
        
       
                                    
        
         aaa
        
        
        
       
                                    
        
         eee
        
        
        
       
                                    
        
         ddd
        
        
        
       
                                    
        
         ccc
        
        
        
       
                                    
        
         bbb
        
        
        
       
                                    
        
         aaa
        
        
        
       
                                    
        
         eee
        
        
        
       
                                    
        
         ddd
        
        
        
       
                                    
        
         ccc
        
        
        
       
                                    
        
         bbb
        
        
        
       
                                    
        
         aaa
        
        
    
      
    
      
     

　　

 记录下学习笔记。

 转载请标明出处。