2012-08-17 5 views
0

Je travaille sur un projet de conversion d'une application IE6 en IE10/Navigateurs conformes aux normes.IE 10 CSS Hyperlien Styles

le projet a des liens hypertexte qui sont rendus sous forme d'images en utilisant css

<a href="somelink.htm" class="Icon_Page"> 

.Icon_Page 
{ 
    background-image: url('../images/icons/page.png') ; 
     background-repeat: no-repeat; 
    padding:0px 16px 0px 0px; 
} 

Les icônes de 16 pixels au carré. J'ai mis à jour le CSS à ci-dessous et ils rendent plus ou moins correctement dans Chrome et Safari maintenant. Dans IE 9/10 en mode standard, les images ne sont pas rendues. Qu'est-ce que le css doit montrer pour rendre l'image dans IE?

Répondre

2

vous devez assigner la hauteur et la largeur à un autocommutateur tag et peut être réglée display: block;

+0

OK; mis à jour mon CSS vers .Icon_PageAdd { hauteur: 16px; largeur: 16px; affichage: bloc; \t background-repeat: pas de répétition; Background-image: url ('../ images/icons/page_add.png'); \t; \t Position d'arrière-plan: centre haut; Background-repeat: pas de répétition; \t remplissage: 0px 16px 0px 0px; } mais il ne montre toujours pas l'icône dans IE. – u07ch

+0

peut mettre à jour sur jsfiddle.net, et utiliser l'image de http://placehold.it/16x16 – Chandrakant

+0

Ce n'est pas nécessaire. – BoltClock