Html web浏览器中不显示正文背景图像_Html_Cross Browser_Background Image

Html web浏览器中不显示正文背景图像

html

Html web浏览器中不显示正文背景图像,html,cross-browser,background-image,Html,Cross Browser,Background Image,所以，我经常看到这些问题，但我尝试了所有的解决方案，但没有一个有效。它让我头疼，我再也受不了了。因此，我的背景图像如下所示： <body background="images/farmancover.jpg"/> 这很简单，事实上可以在我的网站上查看：现在，我的问题是，背景图像没有显示在我的任何网络浏览器，这是一个痛苦的找出它。如果你们能乐意帮忙，我们将不胜感激！我是这方面的新手，所以请温柔一点 <body style="background:url('images/

所以，我经常看到这些问题，但我尝试了所有的解决方案，但没有一个有效。它让我头疼，我再也受不了了。因此，我的背景图像如下所示：

<body background="images/farmancover.jpg"/>

这很简单，事实上可以在我的网站上查看：

现在，我的问题是，背景图像没有显示在我的任何网络浏览器，这是一个痛苦的找出它。如果你们能乐意帮忙，我们将不胜感激！我是这方面的新手，所以请温柔一点

<body style="background:url('images/farmancover.jpg');">

特别是对于您的站点，图像可能不会显示，因为您的图像文件实际上是

images/FarmanCover1.jpg

（注意URL区分大小写）

下面的内容应该会给你想要的效果

<body style="background:url('images/FarmanCover1.jpg') no-repeat;">

您也有一些HTML错误，但以下错误已经过测试，可以正常工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>
    Farman Pirzada - UX Designer - Harvesting creativity one at a time - Ohio, US
  </title>

  <!-- STYLES -->
  <link rel="stylesheet" type="text/css" href="http://www.farmanp-ux.com/css/style.css" />

  <meta content=
    "Farman Pirzada, UX Designer, CSS, HTML5, Web 2.0, portfolio" />
</head>

<body style="background:url('http://www.farmanp-ux.com/images/farmancover.jpg') no-repeat fixed;">
  <img src="http://www.farmanp-ux.com/images/farmanUX.png" class="center" alt="" />
  <div id="navmenu">
    <ul>
      <li><a href="farman.html">home</a></li>
      <li><a href="about.html">about</a></li>
      <li><a href="design.html">designs</a></li>
      <li><a href="services.html">services</a></li>
      <li><a href="contact.html">contact</a></li>
    </ul>
  </div>
</body>
</html>


Farman Pirzada-用户体验设计师-一次收获一个创意-美国俄亥俄州

CSS属性

body{background image:url（'images/farmancover.jpg'）；}现在似乎比将其指定为HTML的一部分更受欢迎。
要实际使用farmancover.jpg
的原始文件（大小6.7MB
），您需要将其转换为实际的.jpg
文件！即使此文件名具有扩展名.jpg
，但它是一个扩展名错误的Adobe PSD项目文件
话虽如此，有这样一个文件大小的.jpg
是非常奇怪的，这是一个事实


首先，确保您拥有有效的.jpg
图像文件
正确的文件名是
它位于以下位置：
您的文件名也区分大小写
正确的图像路径是：
'images/farmancover.jpg'

要访问所有图像的文件夹内容，请使用以下URL：
然后在位于此处的CSS样式表中：
更改此选项：
正文
{背景重复：无}

对此：
正文{
背景：url(http://www.farmanp-ux.com/images/farmancover.jpg)无重复中心；
背景重复：无
}

在CSS样式表中还可以看到，每个CSS选择器的最后一个属性没有分号。请确保每个属性都以一结尾

第二步在HTML网页中，删除背景图像的额外正文
标记
最终结果：


EXTRA:使用全屏显示背景图像，即使对于IE8等较旧的非CSS3浏览器，也在下面的小提琴中使用了这种方法


（从JSFIDLE中删除/show/
以访问编辑页面）
您应该努力在此处发布您的（相关）代码！仅引用链接通常会关闭您的问题！Hello user1954122，要正确显示代码，请选择它，然后使用工具栏中的{}
按钮。干杯我没有，我只是添加了它，这是我的错误。感谢您帮助我解决Arttronics问题。尽管@arttonics已经修复了您的原始问题，但您的标记仍然存在，应该修复，以防止其他浏览器出现问题。与其他解决方案一样，您可以将图像设置为样式，但它仍然无法在其他浏览器中打开，并且在google chrome上它翻转了背景图像您是否更改了代码？-我仍然看到我刚刚在Mac上用Chrome测试过的
，它看起来很好，所以现在背景图像将通过Safari查看。我将文件重命名为区分大小写，因为我的主机提供程序无法使用大写。这似乎没有做任何更改。您的语法有点不正确，应该是background image:url（'images/farmancover.jpg'）让我看看更改文件名时会发生什么。我认为这是正确的，并且可能是正在发生的事情。刚刚修复了URL，您原来的非“1”文件名已损坏。image在Safari上运行良好，但在Google Chrome、Firefox和IE上仍然无法正常工作。请使用image fileFarmanCover1.jpg，因为其他浏览器中不会呈现其他图像。谢谢。这个图片的问题是，它和我想要的背景图片不同，所以它不适合这个网站
'images/farmancover.jpg'