Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Modificare sfondo cover

  1. #1
    Utente di HTML.it L'avatar di hopeway
    Registrato dal
    Sep 2017
    residenza
    Catania
    Messaggi
    47

    Modificare sfondo cover

    Salve,
    ho seguito un tutorial per creare un sito BEM modulare. Tutto chiaro, tuttavia non riesco a cambiare lo sfondo della cover. Vi metto a seguire il codice della cover che sta in style.css
    codice:
    .cover{height:70%;
    	background-image: url("sfondo.jpg");
    	background-size: cover;
    	-o-background-size: cover;
    	-moz-background-size: cover;
    	background-position: center center;
    	position:relative;
    }
    .cover__filter{ background: #000; width:100%; height:100%; position: absolute; z-index: 0; opacity: 0.5; }
    .cover__caption{ display: table; height: 100%; width:100%; position: relative; z-index:1; padding: 0 20px}
    .cover__caption__copy{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; }
    
    
    .cover--single{height: 50%}
    .cover--single h1{font-size: 42px;}
    Dove in background-image:url() era inserito, all'interno delle parentesi, il link dello sfondo dinamico che cambia. Nonostante cambi il link inserendo il nome dello sfondo che è all'interno della cartella non cambia. Cosa dovrei fare?

  2. #2
    Utente di HTML.it L'avatar di hopeway
    Registrato dal
    Sep 2017
    residenza
    Catania
    Messaggi
    47
    Nonostante sia riuscito a modificare lo sfondo, cioè a metterlo sull'altro ed eliminato il "background-image" ed aver inserito lo sfondo solo nella parte della pagina continua a caricare. Vi inserisco anche il codice della cover in HTML per sfatare ulteriori dubbi
    codice:
    <div class="cover">
    		<div class="cover__filter"> <img src="sfondo.jpg" width=100% height=100%> </div>
    		<div class="cover__caption">
    			<div class="cover__caption__copy">
    				<h1>Vuoi regalare un cucciolo? </h1>
    				<h2>O vuoi semplicemente adottare un amico a quattro zampe?</h2>
    				<a href="cani_disponibili_adozione.php" class="button">Vedi la disponibilità</a>
    			</div>
    		</div>
    	</div>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.