重大改版
 鱼翔空 2015-01-06 css应用|   0 1051 
文章评分 90 次,平均分 5.0

基于css样式的图片背景全屏拉伸填充

body{
   /*css3支持全屏拉伸图片,支持IE9+,firefox,chrome*/
    background: url("images/bg.png");
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-respeat9;
    background-image: none9;
    /*css3支持全屏拉伸图片,支持IE9+,firefox,chrome*/
    /*ie7,ie8滤镜支持全屏拉伸,注:ie7,ie8图片路径必须是据对路径或者相对于根目录的路径*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/images/bg.png, sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/bg.png', sizingMethod='scale')"; 
    
 }


IE8不支持 rgba色值

   r:红色值

   g:绿色值

   b:蓝色值

   a:透明度

以下能完美支持IE8

rgba(3,0,0,0.6)在IE9+,firefox,chrome上支持,在IE8不支持
background-color: #030000;
filter:alpha(opacity=60); /*IE滤镜,透明度50%*/
-moz-opacity:0.6; /*Firefox私有,透明度50%*/
opacity:0.6;/*其他,透明度50%*/


 

除特别注明外,本站所有文章均为我要编程原创,转载请注明出处来自http://5ycode.com/article/84.html

关于
该用户很懒!
切换注册

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享