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

前端之家收集整理的这篇文章主要介绍了css url()在Internet Explorer 10中无法识别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的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中,我没有看到图像.

我在这里错过了什么吗?

解决方法

content属性仅在伪元素之前和之后有效.您应该将其更改为:
.ui-icon-zoom-in { 
  background: url(images/16x16/ZoomIn.png) no-repeat; 
  width:16px;
  height:16px;
}

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

猜你在找的CSS相关文章