icono svg no aparece
Publicado por walter (28 intervenciones) el 01/02/2016 16:31:41
hola. estoy usando iconos svg y por primera vez lo coloco vía background-img.
el problema es que no se ven. deberían estar dentro de los 3 círculos que aparecen sobre los links "ITINERARIOS", "TODO EL AÑO" y "toda la info".
Les paso el link: http://sonidosdistantes.com.ar/out/
html:
css:
desde ya muchas gracias
el problema es que no se ven. deberían estar dentro de los 3 círculos que aparecen sobre los links "ITINERARIOS", "TODO EL AÑO" y "toda la info".
Les paso el link: http://sonidosdistantes.com.ar/out/
html:
1
2
3
<div class="tercio-circulo"></div><!--FIN CIRCULO--><p><a href="#" class="categorias">ITINERARIOS</a><br />
Derroteros armados a la medida de cada viajante. Infinitas posibilidades</p>
</div><!--FIN TERCIO-->
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
.tercio-circulo {
width: 100px;text-align: center;
display: block; float: left; height: 100px;border: 4px solid #FFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-bottom: 20px;
padding: 5px;background-image: url(svg/compass.svg);
background-repeat: no-repeat;
background-position: center center;
background-size:70%;
background-size:100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
}.tercio-circulo:hover {
background-size:50%;
transform: scale(1.1);
Valora esta pregunta
0
