CSS Content Property可以在IE7中运行吗?

sam*_*817 2 css cross-browser css-selectors internet-explorer-7 css-content

我遇到了CSS内容属性,它可以将文本添加到元素中.

例如:

.class:after{
   content: "testing";
}
Run Code Online (Sandbox Code Playgroud)

不幸的是,这个CSS属性只能在IE8中使用!DOCTYPE定义.

无论如何还是我们可以使它在IE7中工作吗?不使用JavaScript或jQuery.

小智 18

我正在使用这个解决方案,它不需要js.

.whatever {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'my content');
}
Run Code Online (Sandbox Code Playgroud)

不要添加伪元素:before或:after.也可以使用常规的html实体和html hex实体; 它们似乎是某些角色所必需的,例如正斜杠,/

相信这个解决方案的字体很棒:http://fortawesome.github.com/Font-Awesome/.我不确定他们是否开发了这种技术,但这是我第一次看到它的地方.

仅针对IE7,我使用Paul Irish的技术进行条件IE评论:http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

所以它变成:

.lt-ie8 .whatever {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'my content');
}
Run Code Online (Sandbox Code Playgroud)