欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使背景图片自动适应浏览器屏幕(代码教程)

程序员文章站 2024-01-22 16:16:52
用chrome浏览器正常显示。以下为CSS代码: .auto-picture { background-image: url(../img/login-1.png);...

用chrome浏览器正常显示。以下为CSS代码:

.auto-picture
{
background-image: url(../img/login-1.png);
background-position: center 0;  
        background-repeat: no-repeat;  
        background-attachment: fixed;  
        background-size: cover;  
        -webkit-background-size: cover;  
        -o-background-size: cover;  
        -moz-background-size: cover;  
        -ms-background-size: cover;  
}

放在<body>标签,chrome浏览器可以正常使用!