ie | 易学教程

DIV+CSS解决IE6，IE7，IE8，FF兼容问题

阅读更多关于 DIV+CSS解决IE6，IE7，IE8，FF兼容问题

1.IE8下兼容问题，这个最好处理，转化成IE7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了： 1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 2. 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如 margin-left:10px!important;/*IE7,IE8,FF下是10PX*/; margin-left:5px;/*IE6下属性写的是5PX，但在显示出来的是10px 3.清除块display，这个可以解决浮动造成的块，造成块后，当DIV背景填色或填图片的时候，会出现背景断开或差一小块。这种兼容出现的不太多，我做到现在，只遇到过两次，方法是在出现兼容的DIV的CSS中写一个display:block，或其它属性，中文什么意思我不知道，我英语差，但能达到想要的效果，6e"Z+e%|8G#| 4.很多朋友DIV+CSS的时候，会出现，在IE的几个浏览器下都好了，但是在FF出问题了，用!important又会把IE7做的不兼容，很头疼，在想，有没有什么方法只对FF下进行操做，我用过这个方法，感觉得是百试不爽，就是在属性前面加符号如：*、&，￥，#，@，—，+，加过符号的属性只有IE的浏览器才识别

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

阅读更多关于

转：IE 弹出提示：由于无法验证发布者,所以Windows 已经阻止此软件

阅读更多关于转：IE 弹出提示：由于无法验证发布者,所以Windows 已经阻止此软件

由于无法验证发布者,所以Windows 已经阻止此软件按如下步骤：1、打开Internet Explorer---菜单栏点“工具”---Internet选项--安全---自定义级别---安全设置---“ActiveX控件和插件下”的第5个“下载未签名的ActiveX控件”选择“提示”---确定！刷新您要安装的页面即可（因为使用的软件没有通过微软的徽标认证，在SP2中默认是不允许安装这样的程序的，解决方法为开始-控制面板-系统-硬件。其中在驱动程序项里有有个“驱动程序签名”的选项，点开后。选第一项：忽略—安装软件，不用征求我的意见。）2、打开Internet Explorer---菜单栏点“工具”---Internet选项--安全---自定义级别---把里面所有禁用的全部改为启用。3、打开Internet Explorer---菜单栏点“工具”---Internet选项---高级选项里面选择"允许运行和安装软件，即使签名无效”4、打开Internet Explorer---菜单栏点“工具”---Internet选项--安全---受信任的站点---把该网站添加进去（注意把https改为http IE 弹出提示：由于无法验证发布者,所以Windows 已经阻止此软件标签：原文地址：http://www.cnblogs.com/Dylanblogs/p/4330315.html

前端开发面试题

阅读更多关于前端开发面试题

前端开发面试题站点地址：全栈开发原文链接：前端开发面试题 HTML Doctype作用？标准模式与兼容模式各有什么区别？ 1、 <!DOCTYPE> 声明位于HTML文档中的第一行，处于 <html> 标签之前，告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 HTML5为什么只需要写 <!DOCTYPE HTML> ？ HTML5不基于SGML(标准通用标记语言)，因此不需要对DTD(文档类型定义)进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该的方式来运行） HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。行内元素有哪些？块级元素有哪些？空（ void ）元素有哪些？首先：CSS规范规定，每个元素都有 display 属性，确定钙元素的类型，每个元素都有默认的 display 值，如 div 的 display 默认值为 block ，都是块级元素； span 默认 display 属性值为 inline ，是行内元素。 1、行内元素： a 、 b 、 span 、 img 、 input 、

java实现文件下载

阅读更多关于 java实现文件下载

1、文件下载 //获取当前浏览器类别 String userAgent= request.getHeader("User-Agent"); //附件信息 String filwPath="C:\\测试附件.txt"; String fileName=“测试附件.txt"; //解决IE中文乱码 // 针对IE或者以IE为内核的浏览器： if (userAgent.contains("MSIE") || userAgent.contains("Trident")) { fileName = java.net.URLEncoder.encode(fileName, "UTF-8"); } else { // 非IE浏览器的处理： fileName = new String(fileName.getBytes("UTF-8"), "ISO-8859-1"); } //设置文件的类型 response.setContentType("application/octet-stream"); //设置编码 response.setCharacterEncoding("UTF-8"); 　　 response.setHeader("Content-disposition", "attachment; filename=" + fileName); FileInputStream fi = new

CSS BFC和IE Haslayout介绍

阅读更多关于 CSS BFC和IE Haslayout介绍

BFC(Block Formatting Context) 1. BFC的定义是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。在 Block Formatting Context 中相邻的块级元素的垂直边距会折叠（collapse）。在 Block Formatting Context 中，每一个元素左外边与包含块的左边相接触（对于从右到左的格式化，右外边接触右边），即使存在浮动也是如此（尽管一个元素的内容区域会由于浮动而压缩），除非这个元素也创建了一个新的 Block Formatting Context 。从上面的定义我们可以看到Document显示HTML元素的方式和BFC的定义很像，其实我们可以认为Document就是最大的一个拥有BFC的元素了。 2. BFC到底是什么？当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。比如浮动元素会形成BFC

IE zoom:1 原理以及应用

阅读更多关于 IE zoom:1 原理以及应用

IE zoom:1 原理 zoom: 1 是为了 IE 早期的浏览器，有 layout 的毛病，所以用 zoom: 1 代表这个 div 是有高度宽度的效果跟 overflow: hidden 可以装载浮动物件一样我们经常在调试浏览器兼容的过程中，经常会用到zoom：1。 _zoom是CSS hack中专对IE6起作用的部分。IE6浏览器会执行zoom:1表示对象的缩放比例，但这里 overflow:hidden;和_zoom:1;是连起来用的，作用是清除border内部浮动。同理，还可以使用同样方法清除margin属性在IE浏览器中的重叠问题。触发IE浏览器的haslayout 解决ie下的浮动，margin重叠等一些问题。 5、检查 IE 下是否触发 haslayout 很多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的 CSS BUG 会事半功倍。推荐阅读 old9 翻译的《On having layout》（如果无法翻越穿越伟大的 GFW，可阅读蓝色上的转帖）快捷提示：如果触发了 haslayout，IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1 IE 里面的hasLayout 大家都知道IE6之支持<a>标签的

firefox IE8\9 margin-top失效的原因与解决办法

阅读更多关于 firefox IE8\9 margin-top失效的原因与解决办法

“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、 padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。在css2.1中，水平的margin不会被折叠。垂直margin可能在一些盒模型中被折叠： 1、在常规文档流中，2个或以上的块级盒模型相邻的垂直margin会被折叠。最终的margin值计算方法如下： a、全部都为正值，取最大者； b、不全是正值，则都取绝对值，然后用正值减去最大值； c、没有正值，则都取绝对值，然后用0减去最大值。注意：相邻的盒模型可能由DOM元素动态产生并没有相邻或继承关系。 2、相邻的和模型中，如果其中的一个是浮动的（floated），垂直margin不会被折叠，甚至一个浮动的盒模型和它的子元素之间也是这样。 3、设置了overflow属性的元素和它的子元素之间的margin不会被折叠（overflow取值为visible除外）。 4、设置了绝对定位（position:absolute）的盒模型，垂直margin不会被折叠，甚至和他们的子元素之间也是一样。 5、设置了display:inline-block的元素，垂直margin不会被折叠，甚至和他们的子元素之间也是一样。 6

打败 IE 的葵花宝典：CSS Bug Table

阅读更多关于打败 IE 的葵花宝典：CSS Bug Table

打败 IE 的葵花宝典：CSS Bug Table 前端技术 | sofish 作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。今天，趁着想完善公司的内部样式框架，把 HasLayout.net 的IE CSS Bug过了一遍。整理中收获了不少东西，一些官方的不足，也根据自己的知识升级了一下。当然，也顺利地升级了框架的一些内容，感觉甚爽。随后，便将一些值得去看的Bug整理成一个列表，基于Alipay前端伟大的分享精神，分享出来以供团队工友们和大家参考。同时，由于整理仓促，有些理解和表达不当和其他纰漏在所难免，还请大家帮忙更正。谢谢。问题浏览器 DEMO 解决方法 Hacking Rules: property:all-ie\9; property:gte-ie8\0;*property

【前端知识体系】CSS布局知识强化

阅读更多关于【前端知识体系】CSS布局知识强化

1.实现两栏/三栏布局的方法? 表格布局 float + margin布局 inline-block布局 flexbox布局（兼容性的问题） 1.1 基础布局 <style> * { margin: 0; padding: 0; } .layout { margin-top: 10px; } .layout div{ min-height: 100px; } </style> <body>  <section class="layout float"> <style> .layout.float .left { float: left; width: 300px; background-color: #48adff; } .layout.float .main { background-color: #ff4344; } </style> <article class="left-main"> <div class="left"></div> <div class="main"> <h1>浮动两栏布局</h1> <p>两栏布局的中间部分</p> <p>两栏布局的中间部分</p> </div> </article> </section>  <section class="layout absolute">

订阅 ie