响应式背景照片答案

【问题标题】：Responsive background photo响应式背景照片
【发布时间】：2015-11-24 19:45:31
【问题描述】：

我浏览了所有可用的论坛和教程，但似乎无法将其背景更改为照片，如果可能的话，请做出响应。
这是一些CSS，在这种情况下我一无所知。

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
    background: url(images/1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

基本上我想为此添加一张响应式照片：
http://tympanus.net/Blueprints/NestedAccordion/

【问题讨论】：

不知道你到底想要什么。！
抱歉，请详细说明您的问题
我想要一个背景图片，在这个网站上响应：
我想在这个网站上有一个背景响应图片：
我想在这个网站上做一个背景响应图片，tympanus.net/Blueprints/NestedAccordion，但是我放的 CSS 不起作用，我不知道为什么。我不知道是不是因为我引用的是正文而不是容器，我不知道。你能帮忙吗？

标签： css responsive-design

【解决方案1】：

试试这个：如果您的图片在 image 文件夹中，而 css 在 css 文件夹中，那么您需要像这样指定图片路径 ../images-directory/imagename.jpg

CSS

body {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #47a3da;
/*-----Double check path specified in CSS-----*/
  background: url(images/1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

如果您想实时查看此 URL，可以查看它。 www.coderomeos.org 我们设置了一个在整个身体上重复的背景图像。

编辑：添加了实时网站的打印屏幕。

如果您仍然遇到任何问题，请回来。

【讨论】：

这不一样吗？它肯定仍然对我不起作用：
这不一样吗？它肯定对我不起作用：body { font-family: 'Lato', Calibri, Arial, sans-serif;颜色：#47a3da； /*-----CSS中指定的双重检查路径-----*/ background: url(body { font-family: 'Lato', Calibri, Arial, sans-serif; color: #47a3da; background: url (http://blasonmoderne.com/Revenu_Positif_v5.jpg) 无重复中心中心固定；
你可以在这个阶段为我做吗？你有我可以把床单发给你的电子邮件吗？
有效！我不知道为什么，所以现在我如何使这个响应并使用我想要的照片。你认为这是因为我们把它放在了头部而不是单独的 CSS 表中吗？
但又一次，它不适用于其他网站或图像文件夹中的照片！