無法將DIV背景設置爲圖像。使用Laravel

圖像的鏈接應該是相對於CSS文件，但它似乎沒有工作，沒有使用此背景。我甚至厭倦將圖像添加到與css文件相同的文件夾中，這也不起作用。無法將DIV背景設置爲圖像。使用Laravel

CSS

#header { 
    padding:10px; 
    color: white; 
    background: url('../../resources/assets/images/background1.png'); 
    height: 350px; 
}

HTML

<!-- Header --> 
<div id="header"> 
    <div id="nav"> 
     <p>Nav Bar</p> 
    </div> 

    <p>Test</p> 

</div>

文件結構 Click

的resources目錄超出你的public目錄。圖像不應該存儲在那裏。

您可以將它們放入storage並與php artisan storage:link創建共生鏈接。

但是，在你的情況下，你應該把它們放在public/assets/images爲你的目的。

否則，請使用類似S3存儲桶或其他CDN提供商的內容。

2016-12-15 05:51:26 Ohgodwhy

啊謝謝，我還有很多要學。 –

請先檢查您的背景圖片路徑&之後您可以使用css中的不同圖像進行檢查。

有關示例請通過各種步驟 -
頭{浮子檢查代碼：左;寬度：300像素;高度：350像素;背景：網址（「../../資源/資產/圖像/ images.jpg」）;}

注：請檢查您的圖像擴展&你可以使用不同的圖像檢查糾正

2016-12-15 06:57:02

除非它是一個私人圖像，你應該把它們放在/ public目錄中。它是Laravel應用程序的根目錄。所以當你從css或其他地方得到圖像時，你應該知道根是公用文件夾。 /images/background1.jpg表示它位於Laravel的公共文件夾內的images文件夾中。

2016-12-15 07:32:09

它應該工作我已經嘗試基於您的結構相同的東西。這是爲我工作請確保您已經審閱CSS文件正確

2016-12-15 08:03:10

回答