css url()在Internet Explorer 10中无法识别

Question

我的CSS中有这一行:

.ui-icon-zoom-in { content: url(images/16x16/ZoomIn.png); } 

我正在使用jQuery UI Button小部件,如下所示:

$("#zoomin").button({ text: false, icons: { primary: "ui-icom-zoom-in" } });

在Chrome中,我可以在按钮中看到图像居中.但是,在IE10中,我没有看到图像.

我在这里错过了什么吗？

Answer 1

该content属性仅对伪元素之前和之后有效.您应该将其更改为:

.ui-icon-zoom-in { 
  background: url(images/16x16/ZoomIn.png) no-repeat; 
  width:16px;
  height:16px;
}

除此之外,content如果指定了有效的DOCTYPE ,IE8 +仅支持属性.