我似乎无法将 plaid.jpg 作为任何页面的背景，更不用说所有页面了，我尝试通过 body、html、*、“home”的特定 id 来选择它。没有任何作用。该图像为 300 x 421 像素。我不需要它漂亮地出现，我只是想让它在一切背后出现。我的CSS会如何寻找这个？ plaid.jpg 图片位于我的 images 文件夹中，与我的 index.html 文件位于同一目录中。该链接位于我的index.html 文件的顶部。我的样式表位于名为 mystyles.css 的样式表文件夹中。
<link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css">
我已经尝试以我认为可以想象到的各种方式更改我的 .CSS 文件。前 30 个关于“背景图像未显示”的谷歌结果没有一个起作用。我知道这可能很简单。
mystyles.css 的最基本形式没有选择器。
background-image: url("images/plaid.jpg") no-repeat;
索引.html
<body>
<!-- Page: home -->
<div id="home"
data-role="page"
data-title="Home">
<div data-role="header"
data-position="fixed"
data-theme="b">
<h1>Home</h1>
<a href="#info"
data-icon="info"
data-iconpos="notext"
data-rel="dialog"
class="ui-btn-right"
>Info</a>
</div><!-- header -->
<div data-role="content">
<div data-role="controlgroup" data-theme="e">
<a href="#blog"
data-role="button"
data-icon="arrow-r"
data-theme="e"
>Blog</a>
<a href="#videos"
data-role="button"
data-icon="arrow-r"
data-theme="e"
>Videos</a>
<a href="#photos"
data-role="button"
data-icon="arrow-r"
data-theme="e"
>Photos</a>
<a href="#tweets"
data-role="button"
data-icon="arrow-r"
data-theme="e"
>Tweets</a>
</div><!-- links -->
</div> <!-- content -->
</div><!-- page -->
这不成功
body {
background-image: url("/images/plaid.jpg");
background-repeat: no-repeat;
}
这也是我的
<head>
<meta charset="utf-8" />
<title>Mob App</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="images/favicon.ico" />
<!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />-->
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="javascripts/myscript.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css" />
</head>
