Curso de HTML | Popups con CSS 1

Curso de HTML
Popups con CSS

Curso de HTML | Popups con CSS 2

Curso de HTML | Popups con CSS

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.   
<style>
 a .capaFlotante{
  position:absolute;
  margin-left:20px;
  margin-top:20px;
  display: none;
  color:black;
 }
 a:hover .capaFlotante{
  display: block
 }
</style>

<a href="#">
<span>Enlace</span>
<span class="capaFlotante">Capa flotante</span>
</a>

Ejercicio

Al hacer hover sobre el enlace aparece la fotografía.