2011-05-05 7 views
44

ho questa classe CSS:Come sfondo un div senza la zona imbottitura

.mgmtError{ 
    width:716px; 
    float:left; 
    background-color:#FF0000; 
    padding:10px; 
    text-align:center; 
} 

e vorrei colorare lo sfondo non nella zona imbottitura. Ho provato con margine, ma sembra che abbia qualche problema con IE.

Qualsiasi altra soluzione?

+2

Potrebbe mostrare il codice HTML? – Egor4eg

+1

L'area di padding è parte del DIV quindi non è possibile pronunciare "avere lo sfondo A in parte del DIV e lo sfondo B in un'altra parte dello stesso DIV". –

+0

Quali sono i problemi con IE quando si utilizza il margine? – DanielB

risposta

10

Se siete in grado di accedere alla prova HTML:

.mgmtError { 
 
    width: 716px; 
 
    float: left; 
 
    padding: 10px; 
 
    text-align: center; 
 
    background-color: blue; 
 
} 
 

 
.mgmtError div { 
 
    background-color: #FF0000; 
 
}
<div class="mgmtError"> 
 
    <div>Content</div> 
 
</div>

+9

Downvoting di una risposta che funziona, senza dare un commento non è bello . Inoltre, si prega di notare che questa risposta è stata data circa 1 1/2 anni prima che la risposta con la maggior parte degli upvotes fosse data e in un momento in cui CSS3 non era così comune. – DanielB

+0

La risposta di @Yacine qui sotto sembra migliore. –

271

è possibile utilizzare

background-clip:content-box; 
+4

Sì! Soluzione intelligente ed elegante. – sobi3ch

+9

Dovrebbe essere accettata risposta! –

+0

Semplicemente la soluzione migliore – cfz42

Problemi correlati