Полноэкранное адаптивное фоновое изображение в 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>
Благодарю.
ОБНОВИТЬ:Теперь я наконец пришел к выводу, что практически ничто не может заставить это изображение точно вписаться в экран моего ПК. Сейчас я в порядке, и я двигаюсь дальше, пожалуйста, не размещайте ответы сейчас.