Div con bordi come sfondo

[colomber]

Ho un div che ha un bordo superiore di 10px rosso, all'interno di questo div c'é un'altro div posizionato con margin-top:0px.


in questo modo si vede il div contenitore con in alto il suo bordo di 10px rosso e dopo l'altro div dentro, ho bisogno che il div che sta dentro sia in alto sopra il bordo e che il bordo non venga coperto interamente visto che dovrebbe fare da sfondo.


sapete come fare?

 

[colomber]

in poche parole ho un body nero, un div con sfondo bianco con all'interno un'altro div che ha i bordi superiori arrotondati la parte che rimane fuori dai bordi arrotondati dovrebbe essere nera e non bianca, le soluzioni sono inserire un'ulteriore div con sfondo nero o se fattibile con i bordi ma non so se si può


cosi dovrebbe essere più chiaro

 

[criric]

Ciao, non puoi mettere margin-top: -10px ?

 

[colomber]

con margin-top: -10px copre


é una cosa di questo genere solo che B ha i bordi superiori arrotondati

http://www.imagebam.com/image/06ec31377707162

 

[MAeSI]

Ciao, premesso che non ho ben capito ma guardando l'immagine postata, vorresti una cosa del genere?

http://jsfiddle.net/s6c4s5ov/

Portate pazienza se avrò scritto cavolate, tanto sono le ultime... per quest'anno

 

[Max 1]

Ma perchè un traffico del genere? Con CSS3 si fa i bordi arrotondati che non hanno gli angoli bianchi, solo con IE versioni obsolete si ha gli angoli non coperti e allora si fa prima usare un'immagine

 

[colomber]

Grazie Maesi ottimo esempio ho risolto.