使用CSS不垂直移动的背景图像

时间:2016-10-08 17:24:59

标签: html css

h1{
    text-align:center;
    color:black;
}
body{
    background-image:url(macOS_wallpaper.jpg);
    background-repeat:no-repeat;
    background-position: 0% 50%;
}

我有一张想要使用的图片。它定位我想要的水平方向,但它根本不垂直移动(我想向下移动图像)。我曾尝试使用px和%来移动图像,但它不会让步。

如何调整y分量以便我将图像向下移动?

2 个答案:

答案 0 :(得分:1)

使用:



.class { 
    background-image: url('something.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0% 50%; 
}




答案 1 :(得分:0)

background-attachment: fixed;添加到正文样式。