CSS中的全屏响应式背景图片
我想将此图像作为网页的背景图像。但是，问题是图像不能覆盖整个页面，正如您在此预览中可能看到的那样，并且图像在最右端重复出现。有没有一种方法可以使图像覆盖整个页面（可以是任何方式，拉伸，调整大小或其他新方式）。
我的代码：
<!DOCTYPE HTML>
<html>
<head>
<title>Angry Birds Star Wars</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
body {
background: url('http://www.androidtapp.com/wp-content/uploads/2012/11/Angry-Birds-Star-Wars-Menu.png');
}
</style>
</head>
<body></body>
</html>
谢谢。
更新：
我现在终于相信，几乎没有什么可以使该图像完全适合我的PC屏幕的。我现在还可以，并且要继续前进，请不要发布答案。
问题答案：
jsBin演示
background: url(image.jpg) fixed 50%;
background-size: cover; /* PS: Use separately here cause of Safari bug */
fixed（背景附件）是可选的。
以上只是以下内容的简写：
background-image : url(image.jpg);
background-attachment : fixed;
background-position : 50% 50%; /* or: center center */
background-size : cover; /* CSS3 */
您可以在所有现代浏览器中使用， 但Safari可以 使用：
background: url(image.jpg) fixed 50% / cover;
其中/在后台速记用于分离和区分position从size（原因_位置_接受单个和多个（X，Y）的值），但野生具有与该一个错误/速记所以使用如上所述。
-
问题内容： 我对前端开发和基础非常陌生。 我正在尝试成为响应时按比例缩小的全屏图像。 谁能告诉我我在做什么错？它可以正确缩放，但无法显示完整图像。我还希望将其放在移动设备上，这可能吗？ HTML： CSS： 问题答案： //HTML 要么 要么
-
背景图像在大屏幕上不显示为完整图像，但在小屏幕上很合适。 在所有的屏幕上，图像都有一个特定的维度来作为响应？
-
问题内容： 我有一个网站（g-floors.eu），并且我想使背景（在CSS中我为内容定义一个bg图像）也具有响应性。不幸的是，除了我可以想到的一件事外，我真的对如何执行此操作一无所知，但这是一个解决方法。创建多个图像，然后使用css屏幕大小更改图像，但是我想知道是否有更实用的方法来实现此目的。 基本上，我想要实现的是图像（带有水印“ G”）自动调整大小，而不会显示更少的图像。如果可能的话 我到目
-
我看到许多应用程序使用全屏图像作为背景。这是一个例子： 我想在项目中使用它，到目前为止，我发现最好的方法是使用大尺寸的图像，将其放入并使用来调整边距 问题是，如果屏幕分辨率非常高，图像质量就会下降。 我想到的另一个选择是使用中的图像，将中的和作为背景...这拉伸了图像，但我认为结果不是很好... 你会怎么做？
-
问题内容： 如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。 因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色，使用设置背景图像。但是背景色似乎在图像上方，因此您看不
-
在使用WordPress时，是否可以像通常在HTML中一样在CSS中获得背景图像。我试过这么做，但没用。