css background image cover заголовок и текст

Любые идеи о том, почему мой внешний лист css не будет сотрудничать? Мне нужно содержание моей страницы, чтобы отдохнуть ниже фонового изображения. Вот мой HTML-код ... Я помещу внешний CSS сниппет ниже:css background image cover заголовок и текст

<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="AlbumPage.css"> 
    <link <link href="https://fonts.googleapis.com/css?family=IM+Fell+English" rel="stylesheet"> 
     <title>Album Page </title> 
    </head> 
    <body> 
    <div class="Album Art"> 
    </div> 
    <span style="margin-top: 500px"> 
      <h1>Captain Fantastic and the Brown Dirt Cowboy</h1> 
     <center><a href="http://ultimateclassicrock.com/elton-john-captain-fantastic/" target"_blank">Elton John</a> 
     <p>May, 1975</center></p></center> 
     <table border="1" width="100%"></table> 
     <h2><bold><center>Band Members and Producers</center></bold></h2> 


css: 
body{background-image: url("Captain Fantastic Full Album Art.jpg"); 
    background-repeat: no-repeat; 
    background-position: center top; 
    height: 200px 
    width:350px;} 

h1 {font-family: 'IM Fell English', serif; text-align: center; } 
h2 {font-family: 'IM Fell English', serif; text-align: center;}

источник

2017-01-04 AGunns

можно ли получить полный пример html и css? –

Каков абсолютный URL-адрес файла «Captain Fantastic Full Album Art.jpg»? –

Я попробовал ГИС вашего изображения и сделал http://codepen.io/pjabbott/pen/vgEGJE, в чем же проблема? Я добавил 'margin-top: 800px;' to 'body', чтобы подтолкнуть содержимое под фоновым изображением, это то, что вы имели в виду? –

Поместить фоновое изображение внутри DIV. Если он находится в теле, он будет охватывать всю страницу.

<body> 
    <div class="album-art"></div> 
    <h1>Captain Fantastic and the Brown Dirt Cowboy</h1> 
    <center><a href="http://ultimateclassicrock.com/elton-john-captain-fantastic/" target"_blank">Elton John</a> 
    <p>May, 1975</center></p></center> 
    <table border="1" width="100%"></table> 
    <h2><bold><center>Band Members and Producers</center></bold></h2> 
</body> 

<!--Style--> 
<style> 
    .album-art { 
     background-image: url("Captain Fantastic Full Album Art.jpg"); 
     background-repeat: no-repeat; 
     background-position: center top; 
     height: 200px 
     width:350px; 
    } 
    h1 { 
     font-family: 'IM Fell English', serif; 
     text-align: center; 
    } 
    h2 { 
     font-family: 'IM Fell English', serif; 
     text-align: center; 
    } 
</style>

источник

2017-01-04 22:09:51

Спасибо, Блэр! Я пробовал это, но это не сработало, потому что я использую внешнюю таблицу стилей ... нет

css background image cover заголовок и текст

ответ