Buenas a todos.
Este problema es complicado de explicar, así que voy a pasar a enlazar código a ver si así puedo explicarme mejor.
Estoy usando una división con imagen de fondo y quiero poner un texto encima. La división está escrita de este manera:
Código:
<div class="img-header-art" style="background:url(images/cabecera-articulo.jpg) no-repeat;">
<h3>¿Cómo valorar una startup?</h3>
</div>
Bien, tanto la clase como la etiqueta h3 tienen su propio CSS, que es el siguiente:
Código:
.img-header-art {
height: 480px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.img-header-art h3*{
color: #fff;
font-size: 4vw;
text-shadow: 2px 2px black;
line-height: 1.2em;
letter-spacing: -1px;
font-family: 'Gotham-Medium', Helvetica, sans-serif;
letter-spacing: -1.5px;
margin: 0;
text-align: left;
text-transform: uppercase;
}
El CSS tiene todo lo que quiero, pero aquí viene el problema. Para la imagen, solamente detecta el alto, el resto lo ignora, como igualmente ignora TODO el CSS de la etiqueta h3, y no tengo ni idea por qué podría ser. Espero haberme explicado bien. ¿Alguna sugerencia?
Gracias de antemano.