Printable View
Salve a tutti,
ho un problema da qualche giorno, vorrei creare uno sfondo cliccabile, in inglese background takeover advertisements.
Ho impostato facilmente un'immagine come sfondo ma non riesco a renderla cliccabile... potreste aiutarmi? Spiegandomi come fare?
A titolo di esempio ti ho creato questa paginetta: [***]
Saluti...Codice HTML:<!DOCTYPE html>
<head>
<meta charset="utf-8">
<style>
body {
height: 100%;
margin: 0;
width: 100%;
}
#background {
background: #000 url("http://darkwolf.altervista.org/img/intro-bg.jpg") no-repeat scroll center center / cover ;
display: block;
height: 100%;
position: fixed;
width: 100%;
}
#wrapper {
background-color: #ffffff;
border: 1px solid #333333;
left: 50%;
margin-left: -480px;
min-height: 500px;
position: absolute;
width: 960px;
text-align: center;
top: 40px;
}
</style>
</head>
<body>
<a href="https://laltroweb.it/" id="background"></a>
<div id="wrapper">
<h1>pagina</h1>
<p>qui la mia pagina</p>
</div>
</body>
</html>
Grande :)
ma va tutto nel style.css?
Io ho usato un'altra tecnica, che mi ha soddisfatto solo in parte.
ovviamente mettere un'immagine nel background è stato facile, ma il collegamento non tanto.
io ci sono riuscito ma ho dovuto modificare vari fogli del mio tema, l'operazione è stata un po' complessa, ho creato una nuova sezione che ho impostato sotto il wrapper, poi ho creato un collegamento su un'immagine trasparente che si posizionava sopra il mio sfondo ma sotto il mio contenuto centrale, non so se mi sono spiegato bene.
il tuo sistema è più semplice credo, dove incollo tutto?
È solo un esempio, se hai wordpress dovrai riadattare il tuo template.
-
Forse potrebbe rivelarsi più semplice qualche soluzione in javascript/jquery, ma di javascript ne so tanto quanto ne so di fisica quantistica, quindi meglio delegare a chi ne sa più di me xD