jQuery Мобильный фон

У меня есть страница, построенная в jQuery Mobile, и я пытаюсь использовать css для вставки фона, но там уже есть серый фон.jQuery Мобильный фон

Как я могу избавиться от него?

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, target-densityDpi=device-dpi" /> 
<title>GeoBird</title> 
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" /> 
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" /> 
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
</head> 
<body> 
<div data-role="page" id="home"> 
    <div data-role="header"> 
    <h1>SketchUp</h1> 
    </div> 

<style> 
#buttons { 
position: absolute; 
top: 200px; 
left: 175px;} 

body { 
    background: url(background.jpg); 
    background-repeat:repeat-y; 
    background-position:center center; 
    background-attachment:scroll; 
    background-size:100% 100%; 
} 
</style> 



<script language="javascript" type="text/javascript"> 
$(document).ready(function() { 
    $("#quitbutton").click(function() { 
     alert("clicked"); 
     navigator.app.exitApp(); 
    }); 
}); 
    </script> 






<div id="buttons"> 
<a href="game.html" data-role="button" data-iconpos="bottom">Start</a> 
<a href="" data-role="button" data-iconpos="bottom">Options</a> 
    <a href="" data-role="button" data-iconpos="bottom">Credits</a> 
    <a id="quitbutton" data-role="button" data-iconpos="bottom">Quit</a> 
    </div> 
</body> 
</html>

источник

2012-06-23 Excalibur

Какой серый фон вы говорите. – SVS

Исправьте свой jsfiddle. Вы не можете использовать относительные пути в jsfiddle, потому что он будет ссылаться на файлы на самом jsfiddle.net. Повторите отправку с абсолютными путями. –

В JSfiddle он не принимает фоновое изображение из-за проблемы пути. Проверьте правильность пути изображения в css или нет.

Я попытался добавить фоновое изображение из изображения Google, и он работает правильно.

<style> 
body { 
     background: url('http://colorvisiontesting.com/plate%20with%205.jpg'); 
    background-repeat:repeat-y; 
    background-position:center center; 
    background-attachment:scroll; 
    background-size:100% 100%; 
    } 
</style>

Он работает правильно. Поэтому, пожалуйста, проверьте правильность пути изображения.

спасибо

источник

2012-06-23 09:37:53

Я проверяю ваш ответ, 1 секунду – Excalibur

какой результат вы получите. Я надеюсь, что он будет работать. И, пожалуйста, в изображении url нет лишнего места, поэтому удалите это в моем ответе. –

извините, не работает, также я исправил пути – Excalibur

jQuery Мобильный фон

ответ

Смежные вопросы