Comment mettre en arrière-plan un div sans la zone de remplissage

Question

J'ai cette classe sur CSS :

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

et j'aimerais colorer l'arrière-plan pas dans la zone de remplissage. J'ai essayé avec marge, mais il semble qu'il y ait des problèmes avec IE.

Une autre solution ?

Answer 1

Vous pouvez utiliser

 background-clip: content-box;

Assurez-vous également d'utiliser la background-color , et non background .

Answer 2

Si vous pouvez accéder au code HTML, essayez :

 .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>