Я посмотрел на W3 C и попытался добавить изображение в свой заголовок. Этот точный код работает на другом сайте, над которым я работаю, поэтому я не могу понять, почему код здесь не работает. Одно из различий между ними заключается в том, что этот сайт представляет собой php файл, другой - прямой html.
Мой html:
<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>User Based Web Design</title>
<!--title displayed in the tab, search-able title of the page-->
<link rel = "stylesheet" href = "Style Sheets/Reset.css">
<link rel = "stylesheet" href = "Style Sheets/Styles.css">
<link rel = "stylesheet" href = "Style Sheets/Home Styles.css">
<link rel = "stylesheet" href = "Style Sheets/Navigation Styles.css">
<link rel = "stylesheet" href = "Style Sheets/Footer Styles.css">
</head>
<body>
<header> <!--start visible header section-->
<h1>Laura Pohl</h1>
<h2>User Based Web Design</h2>
</header> <!--end visible header section-->
мой css:
header {
background-image: url('Images/banner_option1.jpg'); /*sets background to the image in ""*/
height: 100%;/*fills 100% of the vertical header section*/
background-size: cover;
}
header h1 {
text-align: left;
}