我建立一个jQuery移动网站,我试图插入一个可伸缩的图像到背景,这将调整到手机的屏幕尺寸。
这是我的代码:
这是我的代码:
<!DOCTYPE html> <html> <head> <title>Discover Dubrovnik</title> <link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript" src="jquery.mobile-1.0a4.1.min.js"></script> <style type="text/css"> .ui-page { background: transparent url(image.gif); } </style> </head> <body> <div data-role="page" data-theme="b"> <div data-role="header"> <h1>Header tex</h1> </div><!-- /header --> <div data-role="content" data-theme="d"> some text </div><!-- /content --> <div data-role="footer"> <h1>Neki izbornik</h1> </div> </div><!-- /page -->
当窗口是全屏的,我得到背景图像,但当我调整它/使它更小(像手机屏幕),图像不调整大小,它不是中心,所以我只能看到它的一部分… …
已连接的jQuery和CSS文件从jquerymobile.com下载
解决方法
对于jquery mobile和phonegap这是正确的代码:
<style type="text/css"> body { background: url(imgage.gif); background-repeat:repeat-y; background-position:center center; background-attachment:scroll; background-size:100% 100%; } .ui-page { background: transparent; } .ui-content{ background: transparent; } </style>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。