如何在标题内移动图像？

Question

标题屏幕：

我想将其向上和向左移动一点，但是transform选项会移动整个块。我该如何处理？

CSS

.header {

    height: 100vh;
    width: 96%;
    background-size: cover;
    background-position: top;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 2rem;
    margin-left: 2rem;

    &__background {
        background-image: linear-gradient(
            to right bottom,
            rgba($color-main-green, 0.3),
            rgba($color-main-purple, 0.5)),
            url(../resources/img-cropped/header.jpg);



    }

   }

Answer 1

使用@Override public void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); } 属性移动背景图像。也许使用background-position，如果这不符合期望的结果，您还可以添加px值，而不是top，left，right和bottom。

尝试进行实验，直到获得所需的结果。

例如：这段代码将使图像距左侧30px：

background-position: top left

中心是图像的y值。您也可以在此值中添加px值。

Answer 2

使用background-position，background-size和background-repeat CSS属性调整图像。