不同版本IE浏览器的区别

2024-10-24

区分IE8/IE7/IE6及其他浏览器

在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_; (4)\9:所有IE浏览器都识别(IE6.IE7.IE8.IE9) 示例: (1)区别FF(IE8)与IE6 IE7 backgorund:orange; FF和IE8背景色将为橘黄

盒模型与在低版本IE下的区别

对css有一定了解的同学一定听说过盒模型,在这里以我自己的一点儿了解和认知来解释一下盒模型与盒模型在低版本IE浏览器下与其他浏览器下的区别. W3c标准下的盒模型盒模型由 content(内容),padding(内填充),border(边框),margin(外边距)组成. 对div盒子定义宽高时,只定义content中的内容. 比如对一个盒子分别设置宽高,padding值,margin值,border值. div{ height: 200px; width: 200px; margin: 30

split方法在低版本IE浏览器上无法解析的问题

前一篇不知道怎么被博客园给删了,重新补发一个. 最近在项目中发现一个很诡异的问题,通过js获取cookie时,发现赋给用户name的时候IE9和低于9以下的浏览器对比时获取到的名字不一样,通过调试发现是split方法在解析||时当值为空时就会出现被“吃掉”的问题. 当我们在开发的过程想要对特定的字符进行分割,首相想到的就是使用split函数,这样是一个效率非常高的方法.但是让人叹息的是该方法虽然可以在Chrome和Firefox正常运作,但是在低版本IE浏览器却无法正常工作,IE9及以上版本都没

.NET 获取客户端的操作系统版本、浏览器版本和IP地址

我们在使用.NET做网站的时候,很多情况下需要需要知道客户端的操作系统版本和浏览器版本,怎样获取客户端的操作系统和浏览器版本呢?我们可以通过分析UserAgent来获取. .NET 获取客户端的操作系统请看下面的代码,我们首先创建一个通过分析UserAgent来获取操作系统的方法 /// <summary> /// 获取操作系统的名字 /// </summary> /// <param name="userAgent"></param>

低版本IE浏览器 input元素出现叉叉的情况

都说是IE10之上的浏览器才有这个问题,恰巧我IE10之上都没有问题,反而是低版本的浏览器出现了这个问题.作为一个凭证,我先放一张图片在这里面. 之前无意中解决过这个问题,如今复现确实是没有解决,网上的方案都用过了,也无效. 在别人那测试没有问题,但是具体这个问题为何会存在[目前个人能力问题,只能把问题归咎与浏览器出错了!!!(一个不负责的web前端)]

模拟实现兼容低版本IE浏览器的原生bind()函数功能

模拟实现兼容低版本IE浏览器的原生bind()函数功能: 代码如下: if(!Function.prototype.bind){ Function.prototype.bind=function(oThis){ if (typeof this !== 'function'){ throw new TypeError('调用者不是当前函数对象'); } var aArgs = Array.prototype.slice.call(arguments,

CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型

CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.padding-bottom.padding-left:边框可细分为 border-top.border-right.border-bottom.border-left:外边距可细分为 margin-top.margin-right.margin-bottom.margin-left. 对于盒子模型,W3

如何让低版本IE浏览器支持HTML5标签并为其设置样式

现代的浏览器都支持HTML5,HTML5定义了 8 个新的 HTML 语义元素.所有这些元素都是块级元素. 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block: header, section, footer, aside, nav, main, article, figure { display: block; } 然而低版本IE浏览器并不支持这些HTML5元素,如: <style> header{ display: block; bac

HTML5中的语义标签兼容IE8以及更低版本的浏览器

看某教程,说让HTML5的这些语义标签能够兼容低版本的浏览器,原文是“你可以设置css的display属性为block”.很好理解,就设置css样式为block嘛,那就直接设置咯: header, section, footer, aside, nav, main, article, figure { display: block; } <body> <header>header元素</header> <section>section元素</secti

解决opacity属性在低版本IE浏览器下失效的方法

以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了. 其实,只使用opacity+jquery就完全解决这个问题. 用法如下: <script type="text/javascript"> $(function () { $("#p1&qu

Windows11中如何使用旧版本IE浏览器打开网页

Windows11删除了旧版本IE浏览器,完全采用了Edge,但是我们进行网站测试时有时仍会用到IE浏览器,那么可以按照以下步骤启用: 1.进入Edge浏览器中,打开设置,进入默认浏览器选项下: 修改"让 Internet Explorer 在 Microsoft Edge 中打开网站"为"从不" 修改"允许在 Internet Explorer 模式下重新加载网站"为"允许" 修改完毕后重启浏览器 2.随便打开一个网页,点开

IE中的if语句--实现不同版本IE浏览器不同html代码 (转)

在很多html代码中常常可以看到很多的IE的条件语句,有时候很不明白他们的意思,其实这是为了能与低版本浏览器实现更好的兼容,例如在制作纯CSS的级联菜单时,由于在IE6中只有<a>支持伪类,而其他属性不支持,而且它还会用到表格,而在其他版本浏览器中则不需要那么麻烦,因此给html元素加了个IF语句控制在IE6中执行的代码. IE的if条件Hack可以让IE区别于其它浏览器和IE个版本之间的浏览器,它利用…这样的语法让IE浏览器对其进行解析,属于IE浏览器专有.<!--[if IE]>

兼容低版本IE浏览器的一些心得体会（持续更新）

前言: 近期工作中,突然被要求改别人的代码,其中有一项就是兼容IE低版本浏览器,所以优雅降级吧. 我相信兼容低版本IE是许多前端开发的噩梦,尤其是改别人写的代码,更是痛不欲生. 本文将介绍一些本人兼容时的一些心得体会,以及踩到的一些坑. 汇总: 1.IE浏览器不兼容webp格式: 项目中有些图片是用webp格式存储的,IE浏览器完全不兼容. 我们要用各种图像处理软件改成jpg或者png格式的. 2.IE浏览器对Flex不友好: 如下图,IE10以下版本对flex不兼容.因项目中大量用了flex布

任务二：1、选择器 2、连接集中状态的顺序 3、浮动的用发和原理 4、盒模型在IE和Google等不同浏览器的区别与联系

1.选择器类型标签选择器,类选择器,ID选择器,组合选择器,伪类和伪元素,属性选择器,子选择器,同胞选择器, :not()选择器 1.同胞选择器相邻同胞标签: h2 + p{ color:red; } 选择每个h2标签后面的直接相邻的段落 (其中空格可选.(可选,就是可有可无,意思都一样)) 同胞标签: h2 ~ p{ color:red; } 选择属于h2同胞标签的所有p标签(和h2同一级的所有p) (~表示选择h2的所有同胞标签.其中空格可选) 2.属性选择器 img[title] 如

js/jQuery判断浏览器名称、内核版本、浏览器壳

1.js方法 /* 判断浏览器名称和版本目前只能判断:ie/firefox/chrome/opera/safari 2012年5月16日23:47:08 浏览器内核UA:UA; 浏览器内核名称:NV.name; 浏览器内核版本:NV.version; 浏览器外壳名称:NV.shell; */ var NV = {}; var UA = navigator.userAgent.toLowerCase(); try { NV.name=!-[1,]?'ie': (UA.indexOf("firef

localStorage和sessionStorage火狐浏览器和其他高级浏览器的区别

例子: <script>window.onload=function(){ var oSetData = document.getElementById('setData'); var oGetData = document.getElementById('getData'); oSetData.onclick=function(){ if(window.localStorage){ console.log('支持'); localStorage.date1 = '{"content

使用fixed制作浮动广告（注意：解决闪屏问题，但适用于高版本浏览器，低版本的浏览器不适用）

提示让IE8以下版本的浏览器去更新浏览器

需求: 强制让IE进行页面渲染时候,用最新的方式渲染,并提示让IE8以下的版本去更新浏览器并给一个连接地址那,如何满足? <!DOCTYPE html> <html lang="zh-CN"> <head>  <meta charset="UTF-8">  <meta http-equiv="

关于分布式版本控制系统Git与集中式版本控制系统SVN的区别

我觉得最最主要的区别就是:分布式Git主要是在本地有各个历史版本,在不联网的时候,也可以更新到最新版本和查看过去的版本,而集中式SVN是所有人都将版本上传到中央服务器,当出现断网情况的时候,用户只有一个目前的最新版本2.0,既不能更新到2.1进行提交,也不能查看到1.0版本,如果对于有更新一点点就要提交上传这种频繁提交习惯的朋友,SVN实在不太友好.还是Git好,安全些,省得不小心断网了就不能进行代码管理操作了.嗯....这是我的理解,看不够全面....

软件扒网站？爬虫？ F12查看源码？查看网页源代码？浏览器sources? 区别和联系！

1.软件扒网站: 利用各类扒站网站,如仿站小工具8.0,可以按照规则将网站的未经浏览器简析的前端代码扒下来,并整理成css,js,html等文件夹,很方便.(当然看不到ajax等相关代码) 备注:如果是动态类网站,我们想要其前端样式源码,直接在扒站的基础上将浏览器解析过的代码复制下来替换扒站的代码即可. 2.爬虫: 利用代码获得返回的html代码,当然这个html代码是经过浏览器简析的代码. 3.F12 就是经过浏览器解析后的代码. 4.sources 就是网页的源码,未经过浏览器解析,当然这个

ssms2014和ssms2016版本错误定位的区别

偶尔对比起2016以下的版本(比如ssms2014),ssms2016有一个小地方有区别.就是报错的行号有区别举个例子,下面同样的语句在ssms2014和ssms2016里面运行.就是如下的效果 CREATE PROCEDURE T111 AS SELECT GETDATE() GO CREATE PROCEDURE T112 AS SELECT GETDATE() AS GO DECLARE @xml = ' <Root> <Nr></Nr> <T> &

不同版本IE浏览器的区别

热门专题