Question

我似乎无法将该图片显示在我的徽标广场上，为什么？背景颜色效果非常好，但在这一部分中，图像不会出现，当我用Chrome检查时，它会发出黄色警告+它会阻止它。

任何人都可以帮我搞清楚吗？

我尝试在HTML代码中添加它，如果这有帮助..

.logo {

    margin:auto;
    width:150px;
    height:150px;
    background-image: url=('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');
}
#logotext {
    color:red;
    position:absolute;
    margin-left:50px;
    margin-top:62px;
}
#navbar {
    background-color:black;
    height:50px;
    width:800px;
    margin:auto;
    margin-top:38px;
}
#navbartext {
    color:white;
    position:absolute;
    margin-top:15px;
    margin-left:370px;

}
#content {
    background-color:black;
    height:650px;
    width: 800px;
    margin:auto;
    margin-top:38px;
}
#contenttext {
    color:white;
    position:absolute;
    margin-left:370px;
    margin-top:300px;

}
#footer {
    background-color:black;
    margin:auto;
    height:75px;
    width:800px;
    margin-top:38px;
}
#footertext {
    color:white;
    position:absolute;
    margin-left:370px;
    margin-top:25px;
}

Answer 1

您出现语法错误，请从代码中删除=。

<强>错误：

background-image: url=('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');

<强>正确：

background-image: url('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');

Answer 2

JsFiddle

删除=

中的url=('')

它应该是..

background-image: url('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');

Answer 3

更改此课程..

.logo {

margin:auto;
width:150px;
height:150px;
background-image: url('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');
}

Answer 4

检查CSS：

background-image: url('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');

Answer 5

这是在css中使用background-image属性的正确方法。

background-image:url('paper.gif');

所以在你的情况下它将是：

background-image:url('http://upload.wikimedia.org/wikipedia/commons/9/9c/Osaka_-_Night_View.jpg');

为什么我的背景图片没有显示在我的页面上？

5 个答案: