ie

IE之不完全罪状(持续更新)

大城市里の小女人 提交于 2019-12-24 22:37:25
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 开始之前先说点题外话。 如国内浏览器特别多,而且都是包壳。这些浏览器一般来讲为了保证浏览器兼容性都会默认使用webkit内核进行渲染,再特殊情况使用ie内核。 用过一些这样的浏览器都知道它是由急速模式和兼容模式,这就是在切换模式。如果你的项目中必须要使用webkit 或者ie10 etc内核渲染,那么可以加meta标签告诉浏览器,强制浏览器选择合适的渲染模式。看起来是这样的: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 一 JS 1. XMLHttpRequest IE8的 XMLHttpRequest的对象大概是这样的 谷歌是这样的 他们其实有一定的差别的。 比如你使用了 xhr.response 。 毫无疑问就会报错 。 IE10+ 追加了这个属性 2.console 大家知道ie 10+ 是有console的。 对于之前的版本是没有console的。 要想使用大概要这样子: <!--[if lt IE 10]> <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5

JS遮罩层效果, 兼容ie firefox jQuery遮罩层

◇◆丶佛笑我妖孽 提交于 2019-12-24 17:51:08
代码 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < title > 史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层 </ title > < script type ="text/javascript" src ="jquery-1.3.2.js" ></ script > < script type ="text/javascript" > // 显示灰色JS遮罩层 function showBg(ct,content){ var bH = $( " body " ).height(); var bW = $( " body " ).width() + 16 ; var objWH = getObjWh(ct); $( " #fullbg " ).css({width:bW,height

chrome和IE下的滚动条样式修改

时光总嘲笑我的痴心妄想 提交于 2019-12-24 16:42:57
火狐下的滚动条样式无法去修改,但chorme下的则可以任意修改,惊喜的是IE竟然是最早实现这一功能的浏览器,IE5都能有效果。 chorme下的滚动条样式修改: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*滚动条整体部分,必须要设置*/ ::-webkit-scrollbar{ width: 10px; height: 10px; background-color: #333; } /*滚动条的轨道*/ ::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px rgba(0,0,0,.3); background-color: #67687D; } /*滚动条的滑块按钮*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #DE6B90; box-shadow: inset 0 0 5px #000; } /*滚动条的上下两端的按钮*/ ::-webkit-scrollbar-button{ height: 10px; background-color: #B0AEDA;

CSS基础

若如初见. 提交于 2019-12-24 09:26:30
CSS介绍 给HTML设置样式,让它更加美观。 加皮肤 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 选择器{css样式:样式对应的值} CSS实例     每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。        CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的 <head></head> 标签对的 <style></style> 标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式 推荐 方式3:(常用) 外部样式 第一步:创建一个css文件 第二步:在html文件中引入: <link href="mystyle.css" rel="stylesheet" type="text/css"/> 第三步:css文件中样式的写法 div{color:green;xx:xx;...} #现在写的这个

联通BSS-ESS-CBSS系统安装相关

一曲冷凌霜 提交于 2019-12-22 17:01:41
前言 1. 版本信息 版本 日期 记录 1.0 2016.08.15 初始版本 2. 作者信息 信息 内容 部门 夷陵区分公司 作者 Z.J.T 邮箱 coralfoxzjt@163.com 必须操作 1. 设置可信站点 a) 鼠标右键点击 Internet 浏览器,点属性——安全,将 (受信任的站点) 自定义级别中的ActiveX控件和插件全部更改为启用。如下图: b) 并在受信任的站点中,添加ESS系统网址 http://esales.10010.com 。点击【站点——输入网址——添加——关闭】。如下图:(取消掉 对该区域中的所有站点要求服务器验证) 2. 关闭弹出窗口拦截功能 a) 鼠标右键点击 Internet 浏览器,点【属性——隐私】,取消勾选【启用弹出窗口阻止程序】 b) 解释:联通BSS,ESS,CBSS很多业务都会有弹出窗口,举个栗子 业务办理后,打印受理单,会被它阻止掉,然后业务无法继续; BSS改业务,CBSS办卡等等。OA系统打不开公文也是因为此。 c) 如果还装有其它广告拦截软件,也可能有同样的作用。比如360的广告助手,还有其它XX助手的广告拦截功能。 3. CBSS安装登陆控件 a) 浏览器输入 cbss.10010.com,首次会提示以下内容。点击安装工具包下载CUCRV4.zip 压缩包(PS:压缩包打开得下个解压缩软件,比如WINRAR) b)

height、clientHeight、scrollHeight、offsetHeight区别

懵懂的女人 提交于 2019-12-22 14:33:50
先看一下这张图,看了就明白了,总比那些文字介绍清楚的多 我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementById("test3") var test4=document.getElementById("test4"); alert(test4.style.height); alert(test3.style.height); alert(test2.style.height) alert(test.style.height); alert(document.body.style.height) } height : 其实Height高度跟其他的高度有点不一样,在javascript中它是属于对象的style对象属性中的一个成员,它的值是一个字符类型的,而另外三个高度的值是int类型的,它们是对象的属性.因此这样document.body.height就会提示undenifine,而必须写成document.body.style.height 上面的脚本将依次弹出700px,550px,600px,500px

!important 和 * ----hack

烈酒焚心 提交于 2019-12-21 21:28:42
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> css中!important的作用   {*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过,可是现在发生了变化。众所周知,!important这个规则对Ie6.0,Ie7.0和Firefox能写hack,现在就来讲解 这是什么原理:   *对于Ie系列浏览器都能够识别, firefox 浏览器则不能识别;   !important只有Ie7.0和firefox可以识别,但是Ie6.0不能成功应用.    (1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00; (2)区别Ie6.0 与Ie7.0、firefox的hack为:border:1px solid #f00!important;border:2px solid #f00;   在(1)中,之所以把*放在后面是因为ff不识别*而导致只对它设置了一次border;而ie 系列进行了两次border设置后,后一个属性覆盖了前一个属性,故为一像素的边框。  在(2)中,之所以把!important放在第一个border 设置,是因为它把这次border的优先级提高了

浏览器内核控制Meta标签

99封情书 提交于 2019-12-21 13:13:12
国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。 <meta name="renderer" content="webkit|ie-comp|ie-stand"> content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 各渲染内核的技术细节 内核 Webkit IE兼容 IE标准 文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE) HTML5支持 YES NO YES ActiveX控件支持 NO YES YES 来源: https://www.cnblogs.com/guoyansi19900907/p/6007676.html

浏览器一般兼容问题

扶醉桌前 提交于 2019-12-21 08:49:05
<!doctype html> <html lang="zn-CN"> <head> <meta http-equiv="content-type" content="charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chorm=1"> <!--" X-UA-Compatible "是IE8专用标记,用来指定IE8浏览器来模拟某个特定IE浏览器的渲染方式,而“ Chorm=1 ”则是谷歌在保证外浏览器不变的情况下用谷歌内核来渲染--> <meta name="renderer" content="ie-comp"> <!--值可为 webkit | ie-comp | ie-stand 其中webkit为急速内核,ie-comp为兼容内核,ie-stand为标准内核--> <title>浏览器一般兼容问题</title> </head> <body> </body> </html> 各渲染内核的技术细节 内核 Webkit IE兼容 IE标准 文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE) HTML5支持 YES NO YES ActiveX控件支持 NO YES YES 来源: https://www.cnblogs.com/Man-Dream

vue scss 一键更换主题色,字体等页面等页面大体样式

妖精的绣舞 提交于 2019-12-21 05:18:55
主要采用scss 编程式思想实现 以上文件从上到下进行说明 _variables.scss 文件主要写主题色 字体边框等变量 内容如下: ————————————————————————————————————————————————— // colors $colors: ( // 主题色 'primary': #0066ff, "header-bg":#fff, "header-text":#000, 'pages-bg': #f6f7fb, 'border-color': #f2f2f2, 'page-bottom': #d4d9de, 'status-color': #c3672c, 'info': #4b67af, 'danger': #791a15, 'blue-1': #1f3695, 'blue': #1e78ff, 'gree': #07c160, 'white': #fff, 'white-1': #fcfcfc, 'white-2': #eceef0, 'light': #f9f9f9, 'light-1': #d4d9de, 'grey': #808080, 'grey-1': #666, 'dark-1': #343440, 'dark': #222, 'black': #212121, 'end': #fcb102, //warrary 页面steps