我正在使用LAMP安装来创建一些个人网站.我只是无法理解为什么我无法将背景图像放在我网站的正文部分.
如果我使用css或简单的HTML,当我尝试将图像作为背景时,结果将是一个空白页,或者如果我设置背景颜色,则为彩色.
<body background="./image.jpg">
<p>hello</p>
</body>
要么
index.html的:
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<p>hello</p>
</body>
style.css中:
body {
background-color: #FFFFCC;
background-image: url(./image.jpg);
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #787878;
}
关于我可能做错什么的任何想法？
也许有一些模块可以激活以便可视化图像？
任何帮助将非常感谢!!
谢谢!
Mat*_*son 15
有关调试和其他信息的提示,应该会引导您找到正确的答案:
检查您是否可以直接在Web浏览器中查看图像.如果您使用HTML文件的路径是"http://example.com/some/dir/index.html",则直接浏览到"http://example.com/some/dir" /image.jpg"并查看图像是否出现.如果没有,那么您的图像将无法访问,或者位置错误,或者可能已损坏或使用错误的内容类型.
如果图像位于正确的位置但似乎无法访问,请首先检查文件权限.该文件应该可由Web服务器读取.如果有疑问,请为其提供与您成功阅读的HTML文件相同的所有权和权限.(在Windows上,查看文件的属性/权限,并允许每个人阅读.在Unix上,尝试chmod 644.<filename>)
考虑图像实际上可能正常工作的可能性,但也可以是单个像素,或完全透明,或与其背景相同的纯色,或者使用CSS定位属性定位在视线之外.
尝试暂时使用另一个图像,最好是在网络浏览器中可以看到的用于测试的图像,使用该浏览器下载(这将确保图像文件本身没有奇怪的问题.)
请记住,如果您在CSS文件中定义背景,则图像的路径相对于该CSS文件而不是HTML文件.
HTML中不推荐使用"background"属性.如果要在HTML中指定内联背景,请尝试<body style="background-image: url(image.jpg);" >...</body>.但是现在适当的地方就是CSS.
您的图像位置前面不需要"./".如果它与HTML文件位于同一目录中,只需使用图像的名称,例如<body style="background-image: url(image.jpg);">
它是否像普通图像一样工作？ <img src="background.jpg"/>
通过使用非常简单有效的测试文档来检查您的HTML,如下所示:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body style="background-image: url(http://placehold.it/350x150);">
This is a test.
</body>