无法显示背景图片HTML_html-js-css

概述我正在使用LAMP安装来创建一些个人网站. 我只是无法理解为什么我无法将背景图像放在我网站的正文部分. 如果我使用css或简单的HTML,当我尝试将图像作为背景时,结果将是一个空白页,或者如果我设置背景颜色,则为彩色. <body background="./image.jpg"> <p>hello</p> </body> 要么 index.html的： <head> 我正在使用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; }

关于我可能做错什么的任何想法？

也许有一些模块可以激活以便可视化图像？

任何帮助将非常感谢!!

谢谢！

解决方法有关调试和其他信息的提示,应该会引导您找到正确的答案：

>检查您是否可以直接在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);” > ...< /体取代.但是现在适当的地方就是CSS.
>您的图像位置前面不需要“./”.如果它与HTML文件位于同一目录中,只需使用图像的名称,例如< body style =“background-image：url(image.jpg);”>
>它是否像普通图像一样工作？ < img src =“background.jpg”/>
>通过使用非常简单有效的测试文档检查您的HTML,如下所示：

    <!DOCTYPE HTML>    <HTML>    <head>        <Title>Test</Title>    </head>    <body >        This is a test.    </body>

总结

以上是内存溢出为你收集整理的无法显示背景图片HTML全部内容，希望文章能够帮你解决无法显示背景图片HTML所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1050632.html

无法显示背景图片HTML

发表评论

评论列表（0条）