IE 10 CSS超鏈接樣式

我正在致力於將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需要顯示什麼？

來源

2012-08-17 u07ch

您應該爲標籤css指定高度和寬度，並且可以設置爲display: block;

來源

2012-08-17 06:05:11 Chandrakant

確定;將我的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

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

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

IE 10 CSS超鏈接樣式

回答

相關問題