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)