Div con bordi come sfondo

colomber

Utente Attivo
4 Dic 2012
232
1
18
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

Utente Attivo
4 Dic 2012
232
1
18
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non puoi mettere margin-top: -10px ?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.406
339
83
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Div con immagini ai bordi: IE aggiunge 4pixel in +! (FF perfetto). Che sarà? HTML e CSS 4
J Far comparire e scomparire un div con un select Javascript 1
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
A Javascript Nascondere Div con id numerico dinamico Javascript 18
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
trattorino [PHP] prelevare solo div con id PHP 1
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
A [HTML] div flessibile con span HTML e CSS 14
E [Javascript] problema con margine quando viene mostrato div Javascript 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
Marcello.Fiore Nascondere div con jQuery jQuery 7
Erzsébeth Drag div con class Javascript 9
G validazione form con div tipo alert jQuery 0
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
P nascondere div con css inline Javascript 2
F DIv con contenuti dinamici Ajax 8
M Problema con ciclo foreach per chiusura apertura div in base al numero di record in database PHP 1
A centrare iframe con div HTML e CSS 2
B div riempito con testo collegato a esempio.txt o sincronizzazione tra div HTML e CSS 1
P div fisso con offset() o position() jQuery 2
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
S aggiornamento div con passaggio parametri da href Ajax 8
P aggiornare div con un clic senza reload Ajax 2
L sostituzione contenuto diversi div con document.getelementbyid Javascript 2
C Form con dentro div errore validatore w3c HTML e CSS 6
M Div dinamici con PHP jQuery 1
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
otto9due Incrementare id div con php PHP 2
Emix Slideshow con div sovrapposto HTML e CSS 5
max_400 Sostituire un div con un altro il comando innerHTML è bloccato Javascript 0
asevenx centrare sito con div HTML e CSS 7
C Dreamweaver cs4 problemi con div Ap HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
G Stampare valori in più div con PHP e MySQL PHP 4
B Auto-aggiornamento DIV con php+ayax PHP 1
F toggle con testo al toggle tra due div jQuery 3
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
D Problema con sovrapposizione DIV HTML e CSS 2
criric Div con frasi a rotazione Snippet Javascript 1
Monital I div non si accostano con float:left HTML e CSS 1
D Aiuto con Ajax e pagine incluse nei DIV Ajax 1
P Problema con hover div jQuery 2
M CSS...dinamico? Altezza div variabile, ma con immagine come bordo HTML e CSS 4

Discussioni simili