background-image: url («images / plaid.jpg») без повтора; не появится
Кажется, я не могу сделать свой plaid.jpg фоном на любой из моих страниц, не говоря уже о всех, я пытался выбрать его по телу, html, *, конкретному идентификатору "home". ничего не работает Изображение 300 х 421 пикселей. Мне не нужно, чтобы это выглядело довольно, я просто хочу, чтобы это выглядело позади всего. как мой css будет искать это? картинка plaid.jpg находится в моей папке с изображениями в той же директории, что и мой файл index.html. Эта ссылка находится в верхней части моего файла index.html. и моя таблица стилей находится в моей папке стилей с именем mystyles.css.
<link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css">
Я пытался изменить мой файл .CSS всеми возможными способами, на мой взгляд. Первые 30 результатов Google для "фоновое изображение не отображается", и ни один не работал. Я знаю, что это, вероятно, что-то простое.
mystyles.css в его основной форме без селектора.
background-image: url("images/plaid.jpg") no-repeat;
index.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>