изменить фон - изображение с HTML и CSS - PullRequest
Новая
       31

изменить фон - изображение с HTML и CSS

0 голосов
/ 20 ноября 2018

Я хочу поместить это изображение в качестве фона под div, в котором появляется надпись GED SALC, но оно не работает .. хотя я пробовал с CSS и даже заставил все это: 

<body bgcolor="blue" background="images/sfondo.png">

ЭТО КОД: 

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("images/sfondo.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body bgcolor="blue" background="images/sfondo.png">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>

и это изображение ... BackGround ИЗОБРАЖЕНИЕ

фотография размещена в правом URL

Кто-нибудь знает, как мне помочь?PS .. Я признаю, что я использовал шаблон ахахаха

Ответы [ 5 ]

0 голосов
/ 20 ноября 2018

, пожалуйста, добавьте атрибут класса в тег body, например, 

<body class="bgimg-1">

или просто замените его на

  • .кевиль
0 голосов
/ 20 ноября 2018

Прежде всего, атрибуты "background" и "bgcolor" являются старыми методами и не соответствуют друг другу, поэтому вместо них следует использовать CSS background / background-color properties.

Во-вторых, читая комментариикажется, что ваш путь не верен.

Удачи!

0 голосов
/ 20 ноября 2018

Добавьте созданный вами класс к элементу body. 

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("https://i.stack.imgur.com/TYX0B.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body class="bgimg-1" bgcolor="blue" background="images/sfondo.png">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>
0 голосов
/ 20 ноября 2018

Вы уже установили класс bgimg-1.Все, что вам нужно, чтобы добавить класс в тег body.Кроме того, вам не нужно форсировать его, используя background = "images / sfondo.png" в теге body.

  <body class="bgimg-1" bgcolor="blue">

Проверьте полный код ниже- 

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("https://i.stack.imgur.com/TYX0B.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body class="bgimg-1">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>
0 голосов
/ 20 ноября 2018

Вы создали имя класса CSS .bgimg-1, но нигде не использовали его.Вы, вероятно, захотите <body class="bgimg-1">, чтобы присвоить ему этот CSS.

Вы также должны убедиться, что файл существует по указанному пути.Вы можете узнать это в инструментах разработчика Chrome, проверив <body> и щелкнув URL-адрес фона, чтобы открыть его на новой вкладке.Либо изображение будет отображаться, либо вы получите ошибку 404.

...