ie | 易学教程

IE5、IE6、IE7、IE8 的CSS HACK兼容列表

阅读更多关于 IE5、IE6、IE7、IE8 的CSS HACK兼容列表

一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明： http://www.w3.org/TR/html4/loose.dtd "> 二、万能 float 闭合关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. 三、其他兼容技巧 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中.将 line-height 设置为当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.) 2).水平居中. margin: 0

html--前端css样式初识

阅读更多关于 html--前端css样式初识

一、CSS概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化，CSS的可以使页面更加的美观。基本上所有的html页面都或多或少的使用css。 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一二、css样式的引入方法 1、行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 </head> 9 <body> 10 <a style="background-color: aqua;color:

html5响应式布局

阅读更多关于 html5响应式布局

一、首先，在<head>标签下，设置<meta>标签 1  2 <meta http-equiv="X-UA-Compatible" content="IE=EDGE"> 3 <!--响应式自适应> 4 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 二、宽度最好不要用绝对最好用这种：width:auto/ width:XX% 三、字体大小不要用px，用rem 来源： https://www.cnblogs.com/lwyKunKun/p/11850437.html

IE无法兼容pageX/pageY问题

阅读更多关于 IE无法兼容pageX/pageY问题

e.clientX/e.clientY 鼠标在可视区域中的位置 e.pageX/e.pageY 鼠标在页面中的位置有兼容性问题从IE9以后才支持 pageY = clientY + 页面滚动出去的距离 // 获取页面滚动出去的距离 function getScroll() { var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft; var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; return { scrollLeft: scrollLeft, scrollTop: scrollTop } } // 获取鼠标在页面的位置，处理浏览器兼容性 function getPage(e) { var pageX = e.pageX || e.clientX + getScroll().scrollLeft; var pageY = e.pageY || e.clientY + getScroll().scrollTop; return { pageX: pageX, pageY: pageY } } 转载来源： https://blog.csdn.net/weixin

JS中height、clientHeight、scrollHeight、offsetHeight区别

阅读更多关于 JS中height、clientHeight、scrollHeight、offsetHeight区别

我们来实现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,1000px

HTML&&CSS基础知识点整理

阅读更多关于 HTML&&CSS基础知识点整理

HTML&&CSS基础知识点整理一、WEB标准：一系列标准的集合 1. 结构（Structure）：html 语言：XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现（Preasentation）:css 3. 行为（Behavior）：JS[DOM+ES] 其中一些小的具体要求：结构：标签小写、闭合、不能随意嵌套 CSS+JS：精良使用外链，不用行内优点： 1. 易于维护 2. 页面响应快 3. 可访问性高 4. 提高设备兼容性 5. 易被解析（搜索引擎） Ps：可维护性：出现问题时，修复Bug成本低且维护性好，还有一点是代码能够被其他开发人员理解。可访问性：所有人都能理解，解析二、浏览器内核 > - IE：Trident内核(多称：IE内核) > - Chrome：Webkit内核 ==> Blink内核 > - Firefox：Gecko内核(多称：IE内核) > - Safari：Webkit内核 > - Opear：Preato====>Webkit内核 ====> Blink内核三、渲染原理 1、涉及到的概念 Dom Tree：浏览器将Html解析成属性的数据结构 Parse(构建Dom树)：生成Dom树的行为 Css Rule Tree：浏览器将Css解析成属性的数据结构 Render Tree

TypeScript vs. C#: LINQ

阅读更多关于 TypeScript vs. C#: LINQ

TypeScript vs. C#: LINQ TypeScript 没有等效于 LINQ 的语言集成自然查询方面?不能在 TypeScript 中写入以下 LINQ 语句 1 var adultUserNames = from u in users where u.Age >= 18 select u.Name; 但是，位于 LINQ 核心的 iE6<T>扩展方法在 TypeScript 中具有等效项（或可以模拟）。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 Aggregate All Any Append Average Cast Concat Contains Count DefaultIfEmpty Distinct ElementAt ElementAtOrDefault Empty Except First FirstOrDefault List.ForEach GroupBy Intersect Last LastOrDefault Max Min OfType OrderBy / ThenBy Reverse Select SelectMany Single SingleOrDefault

前端分享会

阅读更多关于前端分享会

1 前言 1-1 W3C标准 W3C标准，既一系列标准的集合，他的本质是结构标准语言。就像平时使用的HTML,CSS等都要遵守这些标准。我们这里只讨论W3C网页标准。根据网页主要有三部分组成:结构(Structure),表现(Presentation)和行为(Behavior)。对应的标准也分以下三方面: 结构化标准语言：HTML,XML,XHML 表现标准语言: CSS 行为标准语言: ECMAScript 为什么要遵循W3C标准? 对于我们开发者来说，我们是介于浏览器制造商和浏览器终端使用者的中间位置。也相当于说是一个接口的位置，也就是说我们要同时满足浏览器制造商和浏览器终端使用者的需求，用程序的语言来说就是“转换器”。也是说我们要想方设法的让我们的页面、我们的程序支持所有的浏览器，能够满足尽可能多多的用户。 HTML,XML,XHTML三者区别 HTML 指的是超文本标记语言(Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML

IE兼容性之杂项(Quirks）模式

阅读更多关于 IE兼容性之杂项(Quirks）模式

此文转载，记录下遇到的问题，暂时没有仔细考究。 IE=EmulateIE7 标签的作用对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后，可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。各种兼容性模式 Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方式。例如， IE5 模式呈现内容时，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。 IE7 模式呈现内容时，无论页面是否包含 <!DOCTYPE> 指令，都像是使用了 Windows Internet Explorer 7 的标准模式。 EmulateIE7 模式通知 Windows Internet Explorer 使用 <

IE6终极备忘：修复IE6下 25+ Bugs

阅读更多关于 IE6终极备忘：修复IE6下 25+ Bugs

作者: xcntime 发表于 2010-08-11 10:49 原文链接阅读: 0 评论: 0 [译]IE6终极备忘：修复IE6下 25+ Bugs 2010年01月08日 | HTML/CSS , JavaScript 去年就想将IE的bug系统地整理下，但一直都忙于工作、学习没有完成，看到这篇E文后，我毫不犹豫的放下了手中的工作将之翻译出来。由于是第一次译文，所以错误在所难免，欢迎大家批评指正。原文： Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs 翻译： http://www.vfresh.org/w3c/727 (译文对原文进行了补充) 对IE6最好的策略就是不去兼容它。好吧，我知道你的难处，你不得不去兼容IE6这个狗血的浏览器，因此不得不在兼容IE6上花费很多时间。对此，我颇有同感，来让我来帮助你吧。我不会象许多文章那样让你去抵制IE6，这并不会帮助到你(迫不得已时)去兼容IE6；因为IE6依旧占有一定的市场份额，你无法放弃IE6。本文将帮助你来解决这个难题。我查阅过很多资料来摘录这些解决方案（有些是我自己提供的），现在我做成手册提供给大家搞定IE6这个家伙。我尽可能的提供了最优解决方案而不是一些hacks，并且提供了一些相关的资料。如果你发现有更好的方法或者本文有错误

订阅 ie