wordpress 3.3在CSS中的相對路徑

我想添加一個圖像作爲標題的背景，事情是我不想添加絕對路徑，因爲我在我的電腦上這樣做，他們是上傳到我的服務器。wordpress 3.3在CSS中的相對路徑

應該在<?php bloginfo('template_directory'); ?>工作在CSS？它不在這裏工作。

代碼：

#branding { 
    background: url("<?php bloginfo('template_directory'); ?>/images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
}

來源

2012-04-07 Marco Martins

不，你不能在CSS文件中使用PHP。

您仍然可以使用相對路徑。如果你的CSS文件和圖像目錄在同一個目錄下，這個例子將工作。 WordPress知道這是相對於主題。

#branding { 
    background: url("images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
}

如果images目錄是在CSS文件中的父：

#branding { 
    background: url("../images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
}

來源

2012-04-07 20:42:21 developdaly

style.css和images文件夾在同一個地方，但是在這裏不起作用... – 2012-04-07 20:53:27

你能給一個鏈接嗎？ – developdaly 2012-04-07 21:02:54

它在我的電腦...... btw我使用工具箱主題來建立我的 – 2012-04-07 21:08:10

不知何故@developdaly解決方案並沒有爲我工作，但這種幫助：

.img-div { 
    background-image: url("wp-content/themes/your-theme/assets/images/your-img.jpg"); 
}

來源

2017-03-31 12:28:08 Syed

.img-div { 
    background-image: url("./assets/images/your-img.jpg"); 
}

來源

2017-12-31 23:15:04

請添加評論來解釋這段代碼。 – 2017-12-31 23:45:22

這不提供問題的答案。一旦你有足夠的[聲譽]（https://stackoverflow.com/help/whats-reputation），你將可以[對任何帖子發表評論]（https://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提問者澄清的答案]（https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [來自評論]（/ review/low-quality-posts/18394697） – Mamun 2018-01-01 00:26:46

wordpress 3.3在CSS中的相對路徑

回答

相關問題