Imagem de borda superior em CSS3
Eu useiborder
, border-top-image
, border-image
e ninguém parece fazer o que eu sou depois.
Eu tenho o seguinte 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;
}
Isso não parece se aplicar ao site em que estou tentando trabalhar, mas sim no Firefox e no Chrome.
Eu só quero que a imagem apareça na borda superior e não tenha outras bordas (então é como se fosse uma<hr />
)