Вообще не работает background-image

405
18 января 2017, 00:57

Перепробовала сто тысяч вариантов img/bg-contacts.png /img/bg-contacts.png .../img/bg-contacts.png /.../img/bg-contacts.png Подскажите, что я делаю не так? Путь выглядит следующим образом: Рабочий стол/carpathians/img/bg-contacts.png

.title-contacts { 
  color: #ffffff; 
  margin-top: 40px; 
} 
.contacts { 
  background-image: url(img/bg-contacts-2.png); 
  background-repeat: no-repeat; 
  background-size: cover; 
} 
.forms { 
  width: 40%; 
  margin-top: 70px; 
}
<!DOCTYPE html> 
<html> 
 
<head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <title>Carpathians</title> 
  <link rel="stylesheet" type="text/css" href="css/style.css"> 
  <link rel="stylesheet" type="text/css" href="css/base.css"> 
  <link rel="stylesheet" type="text/css" href="css/reset.css"> 
  <link rel="stylesheet" type="text/css" href="css/contacts.css"> 
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> 
  <link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet"> 
</head> 
 
<body> 
  <section class="contacts"> 
    <div class="container"> 
      <h2 class="title title-contacts">CONTACT US</h2> 
      <div class="forms-contacts"> 
        <div class="form-contact"> 
          <input class="edit-contacts" type="text" name="" placeholder="NAME"> 
          <input class="edit-contacts" type="text" name="" placeholder="EMAIL"> 
 
          <textarea type="text-2" placeholder=""></textarea> 
 
          <button>SUBMIT</button> 
        </div> 
      </div> 
    </div> 
  </section> 
 
</body> 
 
</html>

.title-contacts{ 
	color: #ffffff; 
	margin-top: 40px; 
} 
 
.contacts{ 
	background-image: url(img/bg-contacts-2.png); 
	background-repeat: no-repeat; 
	background-size: cover; 
} 
 
.forms{ 
	width: 40%; 
	margin-top: 70px; 
}
<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
	<title>Carpathians</title> 
	<link rel="stylesheet" type="text/css" href="css/style.css"> 
	<link rel="stylesheet" type="text/css" href="css/base.css"> 
	<link rel="stylesheet" type="text/css" href="css/reset.css"> 
	<link rel="stylesheet" type="text/css" href="css/contacts.css"> 
	<link  href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet"> 
</head> 
<body> 
	<section class="contacts"> 
		<div class="container"> 
			<h2 class="title title-contacts">CONTACT US</h2> 
			<div class="forms-contacts"> 
				<div class="form-contact"> 
					<input class="edit-contacts" type="text" name="" placeholder="NAME"> 
					<input class="edit-contacts" type="text" name="" placeholder="EMAIL"> 
 
					<textarea type="text-2" placeholder="" ></textarea> 
 
					<button>SUBMIT</button> 
				</div> 
			</div> 
		</div> 
	</section> 
 
</body> 
</html>

Answer 1

Посмотрите где лежат ваши картинки относительно css. Перепроверьте пути. Как я вижу тут в примере картинок которые вы пытаетесь поставить на background просто нет. Попробуйте указать полный путь к изображению. И вообще для ваших целей рекомендую использовать свойство background а не background-image

READ ALSO
Как в CSS сделать выделение текста цветом?

Как в CSS сделать выделение текста цветом?

Как в CSS сделать выделение текста цветом? Цвет выделения может быть в RGBA-формате, те

408
Как сделать пункт меню не кликабельным, если он содержит подпункты?

Как сделать пункт меню не кликабельным, если он содержит подпункты?

Сайт сделан на WordPressОдин из пунктов меню имеет подпункты:

395
Можно ли использовать С++ для мобильных платформ?

Можно ли использовать С++ для мобильных платформ?

Можно ли использовать С++ для написания приложений под Android или iOS? Что для этого нужно? Знаю, что для этого лучше подходит Java, но все же, реально...

371