Internet Explorer 7 中的 CSS 伪元素 :after 和 :before:解决方案
CSS 伪元素 :after 和 :before 必不可少用于向网页添加内容和样式。然而,它们在 Internet Explorer 7 (IE7) 中的功能可能会受到阻碍。
问题:
尽管在现代浏览器和 IE8 中可以完美工作,但这些伪元素不受支持在 IE7 中,为试图在其应用程序中实现特定样式的开发人员设置了障碍
解决方案:
虽然纯 CSS hack 无法解决此问题,但外部 JavaScript 库提供了可行的解决方法:
1. IE8.js:
此库在 IE7 中模拟 IE8 的行为,包括对 CSS 伪元素的支持。您可以使用以下代码片段将其包含在您的项目中:
<!--[if lt IE 8]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> <![endif]-->
2. jQuery 伪插件:
如果您已经在使用 jQuery,此插件通过支持 IE7 中的伪元素来增强其功能:
http://jquery.lukelutman.com/plugins/pseudo/
注意:
IE8.js 仅适用于 IE6 和 IE7,其他浏览器会忽略 它。另一方面,jQuery 插件与所有浏览器兼容。
以上是如何在 Internet Explorer 7 中使用 CSS :after 和 :before 伪元素?的详细内容。更多信息请关注PHP中文网其他相关文章!