Question

我已经设置了data-role =“page”元素的背景，如此

<div data-role="page" style="background: transparent url('img/background.jpg') no-repeat;" >

它可以在桌面浏览器和iPad Safari浏览器上完美运行。

我遇到的问题是，当您将网站作为“应用”添加到主屏幕时，它是一个全屏网页应用。它没有显示背景...

我尝试通过样式表和内联设置它，两种方式都给我同样的问题。

我完全没有想到为什么这样做不起作用。

非常感谢任何想法。

Answer 1

最终这对我有用。

<div data-role="page" id="home" style="background: #000000 
    url('img/background.jpg') repeat;">

无法通过css文件工作。

Answer 2

将其应用于元素：

.#target-element {
    background : transparent url(YOUR_URL) 0 0 no-repeat fixed !important;
    background-size : cover;
}

Answer 3

试试这个

<style type="text/css">
.ui-page 
{

    background-image: url("img1.jpg");
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: 100%;
}
</style>

Answer 4

在CSS文件中：

[data-role=page] {
    background: transparent url('img/background.jpg') no-repeat;
}

Answer 5

创建一个css类并使用!important结束每个属性以超越规则框架css。这就是为什么它只是内联工作

jQuery Mobile背景图片未在全屏iPad网络应用上显示

5 个答案: