被某些問題覆蓋的背景圖片

我在我的網站上的div中顯示的背景圖像顯示在檢查元素中，背景圖像在css中正確顯示，但它被我的代碼中的某些內容掩蓋，而且我可以似乎找不到它。如果任何人都可以看我的代碼，看看問題是什麼，那將不勝感激。被某些問題覆蓋的背景圖片

* { 
    margin:0; 
    padding:0; 
    box-sizing: border-box; 
    list-style-type:none; 
    text-decoration: none; 
} 

body,html { 
    width:100%; 
    height:100%; 
} 

body { 
    text-decoration:none; 
    margin:0; 
    padding:0; 
    background-color:#000; 
} 

.wallpaper { 
    background-image: url('/../images/wallpaper.jpg'); 
    background-repeat:no-repeat; 
    background-size:100% auto; 
    background-position:center top; 
    width:100%; 
    height:100vh; 
} 

.nav { 
    position:absolute; 
    top:10px; 
    width:100%; 
    height:50px; 
    overflow:hidden; 
    z-index:1; 
} 

.nav ul { 
    text-align:center; 
    float:right; 
    display:block; 
    margin:0 auto; 
    margin-right:50px; 
} 

.nav ul li { 
    float:left; 
    cursor:pointer; 
} 


.nav ul li a { 
    color:#fff; 
    font-size:16px; 
    line-height: 50px; 
    padding:0 10px 7px 10px; 
    font-family: "Playfair Display"; 
    text-transform: uppercase; 
} 

.nav ul li a:hover { 
    border-bottom:2px solid #fff; 
}

<body> 
<div class="wallpaper"> 
    <p>Hello</p> 
</div> 
<div class="nav"> 
    <ul> 
     <li><a>Home</a></li> 
     <li><a>About</a></li> 
     <li><a>Contact</a></li> 
    </ul> 
</div> 
</body>

來源

2017-02-11 Kaleb Meeks

被某物掩蓋是什麼？你能分享網頁視圖嗎？ –

如果你的鏈接圖像，然後它工作正常，但由於某種原因，它不能從路徑中工作.. –

請問

這對你的工作？

更改HTML：

<body> 
<div class="nav"> 
    <ul> 
     <li><a>Home</a></li> 
     <li><a>About</a></li> 
     <li><a>Contact</a></li> 
    </ul> 
</div> 
<div class="wallpaper"> 
    <p>Hello</p> 
</div> 
</body>

更改CSS：

.wallpaper { 
    background-image: url('http://cdn.arstechnica.net/wp-content/uploads/2016/02/5718897981_10faa45ac3_b-640x624.jpg'); 
    background-repeat:no-repeat; 
    background-size:100% auto; 
    width:100%; 
    height:100vh; 
}

來源

2017-02-11 06:06:22 Peter

沒有什麼不對您的代碼。您需要仔細檢查路徑 - 問題出在哪裏。如果你分享你的文件夾結構，也許我們可以幫助指出錯誤。

來源

2017-02-11 08:20:40 Mers

被某些問題覆蓋的背景圖片

回答

相關問題