2009-02-04 10 views
0

J'utilise ce morceau de code CSS pour fieldset dans mon ASP.netCSS: IE8 ne peut toujours pas rendre CSS correctement. Y a-t-il un hack?

.important 
{ 
    border:1px solid #33CC00; 
    padding:8px 10px 7px 20px; 
} 

.important 
{ 
    -moz-border-radius-bottomleft:4px; 
    -moz-border-radius-bottomright:4px; 
    -moz-border-radius-topleft:4px; 
    -moz-border-radius-topright:4px; 
    background:#FFFFFF none repeat scroll 0 0; 
} 

.important legend 
{ 
    -moz-border-radius-bottomleft:4px; 
    -moz-border-radius-bottomright:4px; 
    -moz-border-radius-topleft:4px; 
    -moz-border-radius-topright:4px; 
    -x-system-font:none; 
    background:#F3FFF3 none repeat scroll 0 0; 
    border:1px solid #33CC00; 
    color:#33AA00; 
    font-family:"Trebuchet MS"; 
    font-size:1.2em; 
    font-size-adjust:none; 
    font-stretch:normal; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    line-height:normal; 
    padding:1px 15px; 
} 

Il semble bien sur FireFox, mais il ressemble à la merde sur IE7 et IE8. Je ne sais pas comment je peux résoudre ce problème sur IE. Est-ce que n'importe qui sait n'importe quel site Web traitant du hack de CSS dans IE ou devrais-je juste abandonner parce que la vie est trop courte pour gaspiller sur la compatibilité croisée de navigateur.

Répondre

3

-moz-border-radius- est un Mozilla specific selector que IE ignorera. border-radius est le sélecteur CSS3 équivalent, mais IE ne le supportera certainement pas (Firefox 3 le fait, mais je crois me souvenir qu'il y a des problèmes avec le standard ou le).

+0

FYI - IE rend effectivement un bord arrondi pour Fieldset par défaut –