Question

在我的MVC应用程序中，每个页面上都有一个包含图像的页脚。如果可能的话，我想把图像居中。我目前的CSS看起来如下：

footer {
    position:absolute;
    bottom:-150px; /* This puts the footer 100px below the bottom of the page*/
    width:70%;
    height:175px;   /* Height of the footer */
    background-image: url("/Images/Footer/Footer3.png");
    background-repeat: no-repeat;
    border-top: 1px solid darkgray;
}

我需要添加什么才能使图像居中？

Answer 1

您需要添加background-position属性，例如：

另见here

footer {
    position:absolute;
    bottom:-150px; /* This puts the footer 100px below the bottom of the page*/
    width:70%;
    height:175px;   /* Height of the footer */
    background-position: center;
    background-image: url("/Images/Footer/Footer3.png");
    background-repeat: no-repeat;
    border-top: 1px solid darkgray;
}

CSS - 以页脚背景图像为中心

1 个答案: