Tôi dường như không thể làm cho plaid của tôi là nền tảng trên bất kỳ trang nào của tôi, hãy để một mình tất cả chúng, tôi đã thử chọn nó theo phần thân, html, *, id cụ thể của "home" . không có gì hiệu quả. Hình ảnh có kích thước 300 x 421 pixel. Tôi không cần nó để hiển thị khá, tôi chỉ muốn nó hiển thị, đằng sau tất cả mọi thứ. css của tôi sẽ tìm kiếm điều này như thế nào? hình ảnh plaid.jpg nằm trong thư mục hình ảnh của tôi trong cùng thư mục với tệp index.html của tôi. Liên kết này nằm ở đầu tệp index.html của tôi. và biểu định kiểu của tôi nằm trong thư mục stylesheets có tên mystyles.css.background-image: url ("images/plaid.jpg") không lặp lại; wont hiển thị
<link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css">
Tôi đã thử thay đổi tệp .CSS của mình theo mọi cách có thể tưởng tượng theo ý kiến của tôi. 30 kết quả đầu tiên của google cho "hình nền không hiển thị" và không có kết quả nào hoạt động. Tôi biết nó có thể là một cái gì đó đơn giản.
mystyles.css ở dạng cơ bản nhất không có bộ chọn.
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 -->
này đã không thành công
body {
background-image: url("/images/plaid.jpg");
background-repeat: no-repeat;
}
đây là whats trong cũng tôi
<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>
Mọi thứ trong bảng điều khiển trình duyệt? – Wiz
Nếu CSS của bạn không hoạt động, hãy kiểm tra để đảm bảo HTML * và * CSS của bạn hợp lệ. – cimmanon
không có lỗi trong bảng điều khiển. và khi tôi xem nguồn, nó sẽ thấy tệp .css của tôi để nó được liên kết chính xác. –