image BORDS et arrière-plan ne montrant

Question

http://jsfiddle.net/xhydk70v/

.ui-dialog-container { 
    padding:18px; 
} 
.ui-dialog-success-container { 
    position:relative; 
    top:-5px; 
    left:-35px; 
    border:2px solid #91e375; 
    border-radius:10px; 
    color:#000; 
} 
.ui-dialog-error-container { 
    position:relative; 
    top:-5px; 
    left:-35px; 
    border:2px solid #ff598e; 
    border-radius:10px; 
    color:#000; 
} 
.ui-dialog-success-image { 
    position:relative; 
    top:-20px; 
    left:-17px; 
    float:left; 
    width:32px; 
    height:32px; 
    background-image: url(/public/img/icon-dialogsuccess.png); 
    background-position: top left; 
    background-repeat: no-repeat; 
    z-index:5; 
} 
.ui-dialog-error-image { 
    position:relative; 
    top:-20px; 
    left:-17px; 
    float:left; 
    width:32px; 
    height:32px; 
    background-image: url(/public/img/icon-dialogerror.png); 
    background-position: top left; 
    background-repeat: no-repeat; 
    z-index:5; 
} 

<div class="ui-dialog-container"> 
    <div class="ui-dialog-error-image"></div> 
    <div class="ui-dialog-error-container">test</div> 
</div> 
<br /> 
<div class="ui-dialog-container"> 
    <div class="ui-dialog-succes-image"></div> 
    <div class="ui-dialog-succes-container">test</div> 
</div> 

Quelqu'un peut-il me expliquer pourquoi le « succès div » ne montre pas la frontière? Sur mon environnement en direct, il ne montre pas l'image, tandis que l'erreur est, tout comme la frontière. Je deviens fou je crois, puisque je ne peux pas voir ce qui ne va pas.

Answer 1

vous avez mal orthographié sucess dans votre html

Change:

<div class="ui-dialog-container"> 
<div class="ui-dialog-succes-image"></div> 
<div class="ui-dialog-succes-container">test</div> 

Pour:

<div class="ui-dialog-container"> 
<div class="ui-dialog-success-image"></div> 
<div class="ui-dialog-success-container">test</div> 

Answer 2

avoir changé faute de frappe ui-dialog-succes-container-ui-dialog-success-container.

<div class="ui-dialog-container"> 
    <div class="ui-dialog-error-image"></div> 
    <div class="ui-dialog-error-container">test</div> 
</div> 
<br /> 
<div class="ui-dialog-container"> 
    <div class="ui-dialog-success-image"></div> 
    <div class="ui-dialog-success-container">test</div> 
</div> 

Fiddle: http://jsfiddle.net/xhydk70v/1/