Internet Explorer 10 无法识别 css url()

Question

我的 CSS 中有这一行:

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

我正在使用 jQuery UI Button widget像这样:

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

在 Chrome 中，我可以看到图像位于按钮的中央。但是，在 IE10 中，我看不到图像。

我是不是漏掉了什么？

Answer 1

content 属性只对 :before 和 :after 伪元素有效。您应该将其更改为:

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

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