Phonegap jQuery移动背景CSS问题-屏幕底部1px
我的背景图像有问题。在所附图像中,您可以在屏幕底部看到一条1px的线,其中背景重复出现。我想让背景填满整个屏幕 我的CSS:Phonegap jQuery移动背景CSS问题-屏幕底部1px,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,我的背景图像有问题。在所附图像中,您可以在屏幕底部看到一条1px的线,其中背景重复出现。我想让背景填满整个屏幕 我的CSS: body { background: url(../img/bg-large.png) top center !important; background-attachment: fixed; background-size: auto 100% !important; overflow: hidden; text-shadow:
body {
background: url(../img/bg-large.png) top center !important;
background-attachment: fixed;
background-size: auto 100% !important;
overflow: hidden;
text-shadow: none;
padding: 0;
font-family: 'Open Sans Condensed';
width: 100%;
font-size: 100%;
}
我用什么样的决心来看待这件事似乎并不重要,这条线还在那里。有没有关于如何解决这个问题的建议?
在jQuery Mobile中,
body
的高度设置为99.9%
,这就是为什么您的图像无法100%填充页面的原因。重写.ui页面
类以修复此问题
你确定不是图像本身吗?或者你在页边空白处加了:0px;填充:0px;与边界:0px;尝试覆盖
.ui页面
最有可能来自.ui页面omar上面所说的内容。谢谢omar,覆盖.ui页面解决了问题。欢迎,我已经发布了答案。