使用 "background-position" 但我的背景图片正在消失
Using "background-position" but my background image is disappearing
我想使用背景图片,但我想调整它的位置。我想将它向上移动 -10 像素。我注意到当我添加背景位置时,我的图像会消失。所以我尝试将所有内容都设置为零,所以什么都不会移动,就像这样
#pageTitle {
display: flex;
padding: 10px;
height: 100px;
background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg)
background-position: 0px 0px;
}
但即便如此,我的背景图片也会消失 -- https://jsfiddle.net/eq6zxpcb/5/。如果我删除
background-position: 0px 0px;
出现了背景图片,但它不在我想要的位置。如何在不让我的图像消失的情况下添加背景位置?
#pageTitle {
display: flex;
padding: 10px;
height: 100px;
background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg);
background-position: 0px 0px;
}
在此之后 background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg)
分号 (;) 不存在
我想使用背景图片,但我想调整它的位置。我想将它向上移动 -10 像素。我注意到当我添加背景位置时,我的图像会消失。所以我尝试将所有内容都设置为零,所以什么都不会移动,就像这样
#pageTitle {
display: flex;
padding: 10px;
height: 100px;
background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg)
background-position: 0px 0px;
}
但即便如此,我的背景图片也会消失 -- https://jsfiddle.net/eq6zxpcb/5/。如果我删除
background-position: 0px 0px;
出现了背景图片,但它不在我想要的位置。如何在不让我的图像消失的情况下添加背景位置?
#pageTitle {
display: flex;
padding: 10px;
height: 100px;
background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg);
background-position: 0px 0px;
}
在此之后 background-image: url(http://hddfhm.com/images/clipart-110-scale-14.jpg)
分号 (;) 不存在