Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Modificare sfondo cover

  1. #1

    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
    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 © 2017 vBulletin Solutions, Inc. All rights reserved.