ie

IE6实现PNG图片透明

Deadly 提交于 2020-01-26 03:21:49
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。   解决这个的方法是增加javascript。具体方法如下:   把下面的代码放在head区就可以解决问题了。 以下是引用片段: <script> function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title)

W3C标准盒模型与IE盒模型区别

最后都变了- 提交于 2020-01-26 03:06:33
今天被这两个盒模型搞得有点晕。。。。。。 最初的时候是看菜鸟教程学习的,菜鸟上的盒模型解释是这样的 刷面试题的时候牛客网上的盒模型的面试题答案是这样的 what?怎么同样是说盒模型的宽度,却是不同样的解释?接着我去MDN上搜,MDN上好像没IE盒子模型的解释,不知道是不是我没看清楚还是怎么的,但是我终于知道这是为什么了 接着,问题又来了,我太难了,这个IE模型究竟是怎么回事呢?然后我去看大神的博客结合书本,得知道两者的区别,看图 不难看出,两个盒子模型都有content,padding,border,margin,唯一的区别就是对元素尺寸的计算方式,标准盒子模型的盒子宽度=content+padding+border,而IE盒子模型的盒子宽度=content 为了避免盒子被撑开,CCS3中增加了一种能够更改盒子的属性:box-sizing,它有两个属性值: (1)content-box:对应W3C盒模型 (2)border-box:对应IE盒模型 来源: CSDN 作者: 曦曦湘涟 链接: https://blog.csdn.net/Gladys_Huang/article/details/103883825

CSS定位

筅森魡賤 提交于 2020-01-25 16:04:43
1.relative相对定位   1>.不影响元素本身的特性(只是给元素加上position:relative属性元素本身不受影响)   2>.不使元素脱离文档流   3>.如果没有定位偏移量,对元素本身没有任何影响 2.定位元素位置控制   top/left/right/bottom:定位元素偏移量 3.absolute绝对定位   1>.使元素完全脱离文档流   2>.使内嵌元素支持宽高   3>.块属性标签由内容撑开   4>.如果有定位父级相对于定位父级发生偏移,没有定位父级相对于整个文档发生偏移   5>.相对定位一般都是配合绝对定位使用的 4.定位层级 z-index:number   a.定位元素默认后者层级高于前者 5.遮罩弹窗   标准不透明 opacity: number 其中number为0到1之间的数字   IE滤镜 filter:alpha(opacity=number) 其中number为0 到100之间的数字, 标准不透明属性在ie下不起作用,所以为了兼容ie需要加上ie滤镜 示例代码: .mask{ background: #000; height: 100%; width: 100%; position: absolute; opacity: 0.5; filter:alpha(opacity=50); left: 0px; top: 0px; }

使用dva和ant-design组件在IE中的兼容问题记录

空扰寡人 提交于 2020-01-25 04:59:20
参考文章: https://blog.csdn.net/yede0632/article/details/80746264 最近在使用蚂蚁金服的dva脚手架以及ant design组件开发React项目,不得不说dva真的很优秀,很大程度上方便了React项目的开发,尤其需要Redux来管理状态以及处理异步请求,dva帮你集成了大部分你所需要的React组件,并使它们结合使用起来变得简单便捷。 但不可避免地,在开发中也会遇到一些问题,本文就记录下在IE兼容方面遇到的问题以及如何解决。 项目涉及到的模块版本: dva@2.3.1;@babel/polyfill@7.0.0-beta.46;roadhog@2.4.2(之后降级为2.4.1);setprototypeof@1.1.0 项目起初是在Chrome上调试开发的,没有遇到什么问题,但项目需要兼容IE9,所以开始在IE上调试。 (1)Promise 未定义; 起初在IE11上调试,页面渲染是没有问题的,但是对于异步请求(项目中使用fetch调用),会有如下报错: 经过查资料,原来是webpack异步加载时,要求原生支持Promise,解决方法参考:https://www.cnblogs.com/Aoobruce/p/9322928.html (2)只引入Promise是不够的,IE10以下会报如下错误: (3

HTML5的移动特色

北城余情 提交于 2020-01-23 08:09:31
HTML5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间,移动端的IE、Chrome、Firefox、Safari、Opera等浏览器,谁能更好地在移动端支持HTML5,谁就能在以后的移动应用领域占据更多的市场。下面 深圳市博纳网络信息技术有限公司 举例 HTML5适合应用开发的几大特征: 1.离线缓存为HTML5开发移动应用提供了基础。 2.音频视频自由嵌入,多媒体形式更为灵活。 3.地理定位,随时随地分享位置。 4.Canvas绘图,提升移动平台的绘图能力。 5.专为移动平台定制的表单元素。 6.丰富的交互方式支持。 7.使用成本上的优势,更低的开发及维护成本。 8.CSS3视觉设计师的辅助利器。 9.实时通信。 10.档案以及硬件支持。 11.语意化。 12.双平台(iOS/Android)融合的APP开发方式,提高工作效率。 以上是转载深圳市博纳网络信息技术有限公司官网(https://www.198bona.com) 来源: CSDN 作者: www198bonacom 链接: https://blog.csdn.net/www198bonacom/article/details/103933970

WebBrowser与IE的关系,如何设置WebBrowser工作在IE9模式下?

时光毁灭记忆、已成空白 提交于 2020-01-23 04:20:02
一.问题的提出 偶然发现,Winform里的WebBrowser和IE实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform+WebBrowser打开同样的网站,有意思的事情出现了。 在IE9窗口中,这个网站左边菜单树无法显示,原因是IE9使用的技术较新,而网站使用的技术较旧,未能及时同步更新到支持IE9所致。该如何办呢? 微软在IE9中提供一个兼容性视图功能,只要一点击兼容性视图就可以兼容旧版本浏览器的网站。 引用MSDN “To overcome potential compatibility issues, Internet Explorer supports a feature called Compatibility View that allows users to display troublesome pages in IE7 mode. “ URL: http://msdn.microsoft.com/en-us/library/dd567845(v=VS.85).aspx 也就是说,这个兼容模式就是IE7的模式。 又查了些ms资料,发现这个兼容性视图在IE8时首次引入,在IE9,IE10中都将继续支持。 再翻回来看Winform+WebBrowser这个窗口,它打开同样的网站却能显示左边菜单树,这样看来

winform WebBrowser如何修改使用默认的IE浏览器版本

纵饮孤独 提交于 2020-01-23 04:18:18
在搜了一些相关资料原来WebBrowser使用的是IE的兼容模式进行浏览(IE7模式)。 建议:先添加注册表中,然后使用注册表编辑器导出功能,产生reg注册文件;方便日后使用。 Winform WebBrowser引用IE版本问题 http://www.cnblogs.com/midcn/archive/2012/08/22/2650975.html 再谈IE的浏览器模式和文档模式 http://www.cnblogs.com/liuzhendong/archive/2012/04/27/2474363.html WebBrowser与IE的关系,如何设置WebBrowser工作在IE9模式下? http://www.cnblogs.com/liuzhendong/archive/2012/03/21/2410107.html 指定Webbrowser控件所用IE内核版本 http://www.cnblogs.com/520yun/p/3797651.html?utm_source=tuicool 关于注册表的使用 http://www.cnblogs.com/safezone/articles/1307470.html 要删除一个项,在名字前面加减号,比如: [-HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Serv-U

JavaScript事件

时间秒杀一切 提交于 2020-01-23 03:49:07
最近更新:2014年03月02日09:54:44 首发链接: http://www.cnblogs.com/sprying/p/3194899.html 一、事件处理程序 1、HTML事件处理程序 如果当前绑定事件的元素是表单的一个输入元素;则this隐性指代可描述如下 function(){ with(document){ with(this.form){ with(this){ // 元素属性值 } } } } 2、DOM0级事件处理程序 事件处理程序是在元素的作用域中运行的,也就this引用当前元素。 3、DOM2级事件处理程序 addEventListener 、 removeEventListener 接受三个参数,最后一个参数是一个布尔值,false表示在冒泡阶段调用事件处理程序,true是在捕获阶段调用。通过addEventListener添加的匿名函数将无法移除。 4、IE事件处理程序 attachEvent 、 detachEvent ,此方法接受两个参数,事件处理程序名称和事件处理程序函数,事件都被添加到冒泡阶段;attachEvent方法内,this = window,相比Dom方法以添加事件相反顺序执行。 跨浏览器的事件处理程序 addHandler: function (element, type, handler) { if (element

JS判断浏览器类型与版本

可紊 提交于 2020-01-21 14:57:13
转 http://www.2cto.com/kf/201108/101121.html 在JS中判断 浏览器 的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法: 1、判断浏览器是否为IE document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0; navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。 navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。 2、判断IE版本 navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6; navigator.userAgent.indexOf("MSIE 6.0

前端JS导出兼容IE

删除回忆录丶 提交于 2020-01-20 21:15:18
/* * jQuery table2excel - v1.1.1 * jQuery plugin to export an .xls file in browser from an HTML table * https://github.com/rainabba/jquery-table2excel * * Made by rainabba * Under MIT License */ /* * jQuery table2excel - v1.1.1 * jQuery plugin to export an .xls file in browser from an HTML table * https://github.com/rainabba/jquery-table2excel * * Made by rainabba * Under MIT License */ //table2excel.js ;(function ( $, window, document, undefined ) { var pluginName = "table2excel", defaults = { exclude: ".noExl", name: "Table2Excel", filename: "table2excel", fileext: ".xls", exclude_img: true,