Imagen de borde superior en CSS3
he usadoborder
, border-top-image
, border-image
y ninguno parece hacer lo que estoy buscando.
Tengo el siguiente CSS:
#footer {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 auto;
padding: 26px 0 30px 0;
border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg');
font-size: 0.8461538461538462em;
color: #aaa;
}
Esto no parece aplicarse al sitio web en el que estoy tratando de trabajar, lo he probado en Firefox y Chrome.
Solo quiero que la imagen aparezca en el borde superior y no quiero tener ningún otro borde (por lo que es una especie de<hr />
)