1CSS部分
类似这样子的命名：
复制代码代码如下:
example:before, example before {}
example:after, example after {}
一个有冒号，一个是空格分隔。前者IE8+及其他现代浏览器；后者为IE6-7准备的。
2HTML部分
如果before/after伪类元素含有content内容（不是空字符），则content内容在HTML标签上呈现（方便IE6/7下获取），例如：
复制代码代码如下:
<div class="example" data-content=""></div>
CSS部分的content属性值应该如下：
复制代码代码如下:
example:before, example before { content: attr(data-content); }
example:after, example after { content: attr(data-content); }
3JS部分
JS是为IE6/7准备的，所做的事情很简单，网元素内部插入两个元素，标签名为”before“或”after“或同时。方法代码如下：
复制代码代码如下:
var $beforeAfter = function(dom) {
if (documentquerySelector || !dom && domnodeType !== 1) return;
var content = domgetAttribute("data-content") || '';
var before = documentcreateElement("before") //可以根据需要把after或before删除一个
, after = documentcreateElement("after"); //默认会把两个都加上
// 内部content
beforeinnerHTML = content;
afterinnerHTML = content;
// 前后分别插入节点
dominsertBefore(before, domfirstChild);
domappendChild(after);
};
4调用
$beforeAfter(documentgetElementById("tip")); //tip是需要的id名
documentElement 属性可返回文档的根节点。
documentbody是DOM中Document对象里的body节点， documentdocumentElement是文档对象根节点(html)的引用。
IE在怪异模型（quick mode）下documentdocumentElement无法正确取到clietHeight scrollHeight等值，比如clietHeight=0。可以见IE的怪异模型并没有把html作为盒子模型的一部分，好在现在很少使用怪异模 型。（注：如果页面没写DTD或写的不对，IE6默认使用怪异模型解析页面）
documentbodyscrollHeight和documentdocumentElementscrollHeight的区别：
documentbodyscrollHeight是body元素的滚动高 度，documentdocumentElementscrollHeight为页面的滚动高度，且 documentdocumentElementscrollHeight在IE和Firefox下还有点小差异。
IE : documentdocumentElementscrollHeight = documentbodyscrollHeight + marginTop bottom高度 + 上下border宽度
firefox : documentdocumentElementscrollHeight = documentbodyscrollHeight + marginTop bottom高度
这是DOMDocument对象里的body子节点和整个节点树的根节点root。
DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。
以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用documentdocumentElement来 访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中应该写：documentbody。
IE6-IE10系列的浏览器主要指的是Windows Internet Explorer的6、7、8、9、10这几个版本，并不是指哪些浏览器。
IE6版本：
于2001年8月27日发布，距Windows XP正式发Internet Explorer 60布日的数星期前发布。
这版本包含增强版DHTML、内联网页框架的内容限制和部分支持CSS level 1、DOM level 1和SMIL 20。MSXML引擎会更新到30版本。
IE7版本：
2005年7月27日，伴随着Windows Vista Beta的发布，IE7 Beta 1版问世。最初微软打算将IE7作为Windows Vista的专属浏览器而不单独发布。
IE8版本：
2009年3月19日，经历了众多测试版后，IE8(版本号80600118702)最终发布提供给Windows XP SP2/SP3、Windows XP Pro x64、Windows Server 2003 R2 SP2和Windows Vista用户升级。
之后在10月25日发布的Windows 7中集成IE8(版本号80760016385)。
IE9版本：
IE9利用PC的图形处理单元（GPU）优势去加速文字和图形的渲染能力90版本、加强标签浏览、可伸缩矢量图形（SVG）以外，IE9更遵守网页浏览标准，特别是对HTML5标准的支持。
IE10版本：
IE9刚发布后一个月，2011年4月11日，微软便提供IE10 PP1的下载，仅支持Windows 7以上用户安装，仅两个月后，微软又提供IE10 PP2，可以看出微软对于IE开发进度的加快。
随后微软便宣布于2012年面世的Windows 8将集成IE10，并且IE10将只支持Windows 7和Windows 8，不支持Windows Vista。
扩展资料：
系统需求
Internet Explorer 9正式版需要Windows 7(x86 或 x64) ，Windows Vista(x86 或 x64)或者Windows Server 2008(x86 或 x64)。
Windows Server 2008R2(x64)。对于 Windows Vista、Windows Sever 2008 用户。
在个人的系统上必须安装 Windows Internet Explorer 8 和 DirectX 2D (D2D) 。如果你没有运行Internet Explorer 8， 必须首先下载并安装它。然后再通过 Windows Vista 在线更新安装 DirectX 2D平台更新。
微软在MIX开发者大会上表示，IE9浏览器将不支持Windows XP系统。
由于IE9是微软第一款支持下一代网站构建技术HTML5的浏览器，所以如果用户坚守Windows XP系统不升级，那么也无法通过IE浏览器体验到HTML5新技术。
目前正在美国召开的Web 20大会上，微软的网站技术宣传官Giorgio Sardo再次明确表示：“IE9将不会被Windows XP *** 作系统支持。
在硬件加速的基础上构建所有的HTML5技术，因此，需要一个高版本的 *** 作系统来运行这款现代化的浏览器”。
参考资料：
function modify() {
var newElem = documentcreateElement("p");
var newTxt = documentcreateTextNode("This is the second paragraph");
newElemappendChild(newTxt);
var oldTxt = documentgetElementById("E1")childNodes[0];
// newElem里的newTxt移到E1里了
documentgetElementById("E1")replaceChild(newTxt, oldTxt);
// newElem现在是空的
documentbodyappendChild(newElem); // newElem已经加到body里了
}
以上就是关于请问各位大神，在IE下，有办法解决css :after选择器不兼容的问题吗急求啊。。全部的内容，包括:请问各位大神，在IE下，有办法解决css :after选择器不兼容的问题吗急求啊。。、JS中的document.documentElement是什么意思啊请详细解答一下啊。。拜托拜托、IE6-IE10系列浏览器都有哪些呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）