基于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%*/
文章评论