背景图像不会DIV

显示这是我的HTML代码背景图像不会DIV

.jumbotron 
 
    { 
 
    \t background-image: url("file://C:\xampp\htdocs\CSProject\images\Psi.png"); 
 
    \t height: 250px; 
 
    \t width: 250px; 
 
    }

<!DOCTYPE html> 
 
    <html> 
 
    \t <head> 
 
    \t \t <link rel="stylesheet" href="stylesheet.css"> 
 
    \t </head> 
 
    \t 
 
    \t <body> 
 
    \t \t <div class="jumbotron"> 
 
    \t \t </div> 
 
    \t </body> 
 
    </html>

我一直没能找到任何解决方案，为什么这个背景图片将不会显示。

感谢您的任何帮助或信息。

来源

2015-04-22 Vocany

尝试使用相对路径，如：url（images/Psi.png）。假设您的HTML文件位于CSProject文件夹下 –

background-image的URL需要从您的CSS文件路径，而不是从您的根目录。

所以，如果你的CSS文件包含在该文件夹CSProject，尝试改变：

.jumbotron { 
    background-image: url("images/Psi.png"); 
}

来源

2015-04-22 21:20:22 SuperVeetz

该路径应该有一个正斜杠，而不是一个反斜杠。 – Chad

非常感谢，完美的工作。我很感激。 – Vocany

它是与你的图像路径...就像埃雷兹建议我将使用相对路径。

如果您的HTML代码和“图片”文件夹中的“CSProject”文件夹中，然后引用类似

background-image:url('/images/Psi.png');

这让我想起我的下一个点的形象，为什么使用反斜杠你的文件路径？它应该是

/htdocs/CSProject/images/Psi.png

来源

2015-04-22 21:23:51 chrismillah

背景图像不会DIV

回答

相关问题