2012-08-17 134 views
0

我正在致力于将IE6应用程序转换为IE10/Standards compliants浏览器的项目。IE 10 CSS超链接样式

该项目有哪些使用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; 
} 

呈现为图像的超链接的图标为16个像素的平方。我已经将CSS更新到了下面,并且现在它们在Chrome和Safari中或多或少地正确显示。在标准模式下的IE 9/10中,图像不被渲染。为了在IE中渲染图像,CSS需要显示什么?

回答

2

您应该为标签css指定高度和宽度,并且可以设置为display: block;

+0

确定;将我的CSS更新为.Icon_PageAdd { height:16px; width:16px; display:block; \t background-repeat:no-repeat; \t background-image:url('../ images/icons/page_add.png'); \t background-position:center top; background-repeat:no-repeat; \t padding:0px 16px 0px 0px; }但它仍然没有在IE中显示图标。 – u07ch 2012-08-17 06:22:34

+0

可以在jsfiddle.net上更新,并使用http://placehold.it/16x16的图像 – Chandrakant 2012-08-17 06:41:55

+0

这不是必需的。 – BoltClock 2012-08-17 06:43:24