html - 为什么看不到我背景的完整图片？

Question

我有这个页面:

link

代码 HTML:

<section class="title_bar">

//some code HTML

</section>

代码 CSS:

.page-id-1662 .title_bar {
    background: url("http://www.delumine.ch/wp-content/uploads/2015/09/delumine-03.png") !important;
    background-repeat: no-repeat; 
    background-size: contain;
    background-position: center; }

我的问题是这部分的背景不完整，不明白为什么......

你能告诉我是什么原因吗？ 请打开原图观看表演

提前致谢!

Answer 1

将图像下载到您的计算机上，而不是使用路径找到它。

我的代码示例:

#main_nav {
color: white;
padding: 30 px;
margin: 0px 0px;
height: 200 px;
width: 100%;
text-align: left;
**background-image: url(../Images/Banner-2.jpg);**
}

我会将您的所有文件保存在有组织的文件夹中。

谢谢，adbadb25