gpt4 book ai didi

css - android phonegap jquery 移动应用程序中未显示背景图像

转载 作者:行者123 更新时间:2023-11-28 04:12:03 25 4
gpt4 key购买 nike

我正在尝试在基于 jQuerymobile 的 Android phonegap 应用程序上显示背景图片。这是 HTML

<!DOCTYPE html>
<html>
<head>
<title>Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/jquerymobile.css" />
<link rel="stylesheet" href="css/index.css" />

<script src="js/jquery.js"></script>
<script src="js/jquerymobile.js"></script>

</head>
<body>
<div data-role="page" id="Main" class="main-page">
<ul data-role="listview" data-filter-reveal="true" data-filter="true"
data-filter-placeholder="Insert the city here..." data-inset="true">
<li><a href="#LimonePiemonte">Limone Piemonte</a></li>
<li><a href="#Artesina">Artesina</a></li>
<li><a href="#Tonale">Tonale</a></li>
</ul>
</div>
<!-- /page -->
</body>
</html>

这是 CSS (index.css)

.main-page {
background: transparent url(img/alpettalownologo.jpg) no-repeat center center;
background-size: cover;
}

但是我在背景中看不到图像。我错过了什么?

最佳答案

我猜你的 url(img/alpettalownologo.jpg) 不正确,因为这意味着它在你的 CSS 文件的子目录中。

背景图片的位置需要与那个特定的 CSS 文件相关,所以根据您的文件,可以猜测 url(../img/alpettalownologo.jpg) 是否可行结构。

关于css - android phonegap jquery 移动应用程序中未显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21385073/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com