2014-02-13 45 views
0

下面的空白有一个简单的页面我如何删除内容

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> 
    .ui-page-theme-a { 
    background-image: url(../../Resources/Bingo/WebBingo/En/Common/Images/bg.png); 
    -moz-background-size-: cover; 
    -o-background-size-: cover; 
    -webkit-background-size-: cover; 
    background-size-: cover; 
} 
</head> 
<body > 
    <div id="preloader" style='background-color: #FF5794; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px;'> </div> 
</body> 

,当我在iPad上的Safari浏览器进行测试的页面可以滚动并有页面下方的空白。我如何删除它?删除元标记不起作用。我jquery.mobile-1.4.1的调试版本玩,此行似乎与

基地= fauxEle = $有关( “”,{ “HREF”:fauxBase})。appendTo( “头” );

在方法

baseTagTest。

我从JQM删除装载机所以空白不从那里

enter image description here

[1http传来://i.stack.imgur.com/2Scaw.jpg“>

我不想使用任何类型的页脚,因为我的页面使用背景和画布。

如何删除白线,如果我有一个图像作为主题背景

+1

使用位置是:固定的,而不是绝对 http://stackoverflow.com/questions/19012135/ios-7-ipad-safari-landscape-in​​nerheight-outerheight-layout-issue – RobinvdA

+0

'体{高度:100 %!重要; }'身高设置为'99.9%'。 – Omar

+0

是的,我看到了这个幻数(为什么它是99.9%)。更改该值不会影响此行。如果我有一个图像作为主题背景,怎么能避免这个空白? –

回答

1

我假设你正在试图让DIV重叠的其他内容。

尝试的位置属性设置为如图所示的固定:

<div id="preloader" style='background-color: #FF5794; position: fixed; height: 100%; width: 100%; left: 0px; top: 0px;'> </div> 

这将使得相对于视口的位置。 这意味着当用户滚动div时会跟随用户并保持在屏幕上的相同位置。

+0

这将修复这个例子,但是如果我有一个图像作为主题背景,那么白线仍然存在。 –

+0

假设这不影响您的设计,您可以在身体选择器中设置背景。 '身体{背景:...; }' –

+0

ui-overlay主题是在页面加载后应用的,所以它会覆盖我的CSS,但是!重要的是这可以抑制我。我会测试这个。 –

0

您可以添加CSS到你的身体标记,

<style> 
    body{ 
    margin:0; 
    padding:0; 
    } 
</style> 
+0

这不能解决问题。这个问题只存在于iPad的Safari浏览器上 –