3

我已经像这样在 data-role="page" 元素上设置了背景

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

它在桌面浏览器和 iPad Safari 浏览器上运行良好。

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

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

我完全不知道为什么这不起作用。

任何想法都非常感谢。

4

5 回答 5

7

最后，这对我有用。

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

不能通过 css 文件工作。

于 2012-06-12T13:37:22.370 回答
2

将此应用于元素：

.#target-element {
    background : transparent url(YOUR_URL) 0 0 no-repeat fixed !important;
    background-size : cover;
}​
于 2012-11-21T23:39:00.490 回答
0

创建一个 css 类并!important以覆盖框架 css 结束每个属性。这就是为什么它只能内联工作

于 2015-03-08T20:32:51.870 回答
0

在您的 CSS 文件中：

[data-role=page] {
    background: transparent url('img/background.jpg') no-repeat;
}
于 2013-11-12T16:27:00.990 回答
0

试试这个

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

    background-image: url("img1.jpg");
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: 100%;
}
</style>
于 2012-06-12T03:42:15.197 回答