從流星的css文件中加載背景圖像

我正在構建一個流星應用程序並且遇到了一些問題。特別是，我試圖讓圖片瀏覽器工作，但導航按鈕中的右箭頭和左箭頭似乎缺失。當我嘗試使用Google的開發人員工具加載應該在按鈕中的圖像時，它將顯示爲空白圖像。因此，這可能是我沒有將圖像文件放在適當的目錄中的一種情況，因此meteor無法將其加載到css文件中。我不確定這是否是這種情況，或者是其他情況。這可能不是任何語法錯誤，因爲我可以在流星之外運行插件時看到按鈕中的箭頭。從流星的css文件中加載背景圖像

下面是我的CSS文件中的行：

background: transparent url('themes.gif') no-repeat left top; margin-top: -45px;

來源

2013-02-03 kpatelio

所以我設法讓它工作。我在公共文件夾中創建了一個資源目錄，並將css文件中的url改爲url（「/ resources/button」），這似乎是個竅門。

來源

2013-02-04 20:40:48 kpatelio

你可以留下你的CSS，因爲它是和把themes.gif文件中/public目錄中的流星應用程序 - 那麼它應該是可訪問的。

每docs：

最後，流星服務器將提供的任何文件的公共目錄下，就像在Rails或者Django項目。這是圖片，favicon.ico，robots.txt和其他任何地方的地方。

來源

2013-02-03 04:52:40 TimDog

我已經試過這一點，但它似乎並沒有工作。難道是因爲我在Windows上開發？ – kpatelio

嗯。有可能。你可以輸入'http：// localhost：3000/themes.gif'來查看你的圖片嗎？如果沒有，則存在問題。你在Windows上考慮過VirtualBox嗎？這就是我所做的 - 流星變化太快，無法在我看來使用windows shim。 – TimDog

您必須在文件名前添加/的前綴。

來源

2015-03-27 15:43:23

my web site architecture

body{ 
    background-image: url('image/back1.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
}

來源

2016-10-12 09:06:12 radhouen

不知道爲什麼這是負面投票。提升，因爲它有助於我的情況。謝謝。 – blueren

文件需要放到/ public目錄，並刪除「/公衆」的路徑從CSS。

例如：如果圖片路徑 - /public/img/logo.png

然後使用下面的CSS：

background-image('img/logo.png');

來源

2017-03-12 06:56:51

謝謝。這個答案解決了我的問題。主要是，不包括網址中的「公開」。 – Christia

從流星的css文件中加載背景圖像

回答

相關問題