Html 如何在css中制作图片作为背景

因为某种原因它不起作用。图像存储在存储我的php文件的相同位置。这就是为什么我没有放images/3.jpg。我甚至试过用图片/但都不起作用

我正在使用引导；除后台代码外，所有css正文代码都正常工作。

尝试以下操作：

css3方式

body {
  padding-top: 40px;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: url('3.jpg') repeat-y top;
  background-repeat: repeat;
  background-size: cover;  
}

css

还有更多方法：

---

您的CSS是正确的。您可能有url路径问题。图像的方向是从CSS文件到图像。只有当图像与CSS文件位于同一文件夹中时，您编写的代码才会起作用

---

HTH

我不确定您是如何使用css的，但是图像路径需要与包含css的文件相对。要检查这一点，您可以使用路径制作一个简单的img标记，并查看图像是否显示

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

你的CSS应该可以工作。如果您有一个外部样式表.css文件，则需要将其导入要使用它的页面的head标记中

<img src="img.jpg"> or <img src="path/to/file/img.jpg">

不要忘记，图像路径是相对于调用它的文件的，即使您导入css文件，图像也应该是相对于样式表的。

使用firefox之类的工具，或者Chrome中内置的devloper工具。从中，您可以检查元素并查看应用了什么。这将帮助您查看您的代码中是否有输入错误。它还将提供无法找到的高端资源。Firebug中的net选项卡在这方面特别有用

---

我将为您使用图像url，这使得资源的路径与调用资源的位置无关。

url路径与CSS文件所在位置相对。你的文件夹结构是什么？如果你把css放在一个文件夹中，你需要放以下内容：url'../3.jpg'

<img src="img.jpg"> or <img src="path/to/file/img.jpg">

<link rel="stylesheet" type="text/css" href="path/to/file/style.css">