Hola, estoy intentando colocar unas imágenes en la esquina de la web pero tengo el siguiente problema que no se como solucionar, haber de momento tengo esto:
prueba.html
<body class="imagenesquina">
...
</body>
style.css
.imagenesquina{
background-image: url(imagan.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom left;
}
De esta forma coloco una imagen en la parte inferior izquierda, pero yo quiero poner una por la izquierda y otra por la derecha, que no tenga que ver una con otra, y quiero que al poner el rato encima pues pueda ser un link o cambiar la imagen por otra...
Para ello utilizo:
.imagenesquina:hover{
background-image: url(imagan.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom left;
}
Pero ocurre lo deseado pero siempre que pongo el raton dentro de la web, no se bien como hacer esto. No sé si me he explicado bien!