Question

我在样式表中使用了背景图片，但在开发人员工具上显示我时没有在页面中显示，或者在其工作上复制了过去的url。这是代码

.page-footer {
    background: url(https://priyachaudhary.com/pub/media/footer/footer-priya);
    position: relative;
    /* background: #f8f8f8; */
    padding: 40px 0;
    margin-top: 60px;

Answer 1

<footer>
 fooot
</footer>

width

原始图像的空格较长。

，您应该输入height和{{1}}

Answer 2

您的代码运行正常，图像为1559px x 1205px，元素仅为100% x 98px，因此您看到的顶部是白色。

因此，您需要使用照片编辑器来自定义该图像，或者增加元素高度：

.page-footer {
    background: url(https://priyachaudhary.com/pub/media/footer/footer-priya);
    position: relative;
    /* background: #f8f8f8; */
    padding: 40px 0;
    margin-top: 60px;
    height: 1200px
}

这里是一个小提琴：http://jsfiddle.net/sva7rkcp/4/

在开发人员工具中显示时，背景图像未显示在页面上

2 个答案: