问题描述
|
我对CSS非常陌生,因此这可能是一个简单的答案。我有2种情况,而1种可行,其他情况没有。我希望有人能帮助我。
作品:
<head>
<style type=\"text/css\">
body {
background-image:url(\'views/default/images/home.jpg\');
;}
</style>
</head>
不起作用:
<head>
<link rel=\"stylesheet\" type=\"text/css\" href=\"views/default/home_style.css\" />
</head>
在home_style.css>
body{
background-image:url(\'views/default/images/home.jpg\');
margin-top: 0px !important;
padding-top: 0px !important;
}
解决方法
看起来您的CSS文件位于
views/default/
文件夹中,而图像位于views/default/images/
文件夹中。
在CSS中定义相对于CSS文件的图像路径,而不是显示所有内容的HTML文件:
background-image:url(\'images/home.jpg\');
,就我而言:
我有一个CSS文件夹。所以,在我的CSS文件夹中,有我的style.css
,所以我在style.css
中键入以下内容:
background: url(\'img/mybgimg.jpg\')
代替
background: url(\'../img/mybgimg.jpg\')
...我希望这可以对遇到相同问题的任何人有所帮助。