清除浮动 让浮动的子元素撑开父级元素的高度 方案1 给父元素设置高度。（缺点：父元素高度无法自适应） 方案2 给父级元素开启BFC。浮动盒子的特点和定位盒子的特点：高宽都由内容撑开（缺点：ie6，ie7没有BFC，不起作用） overflow:hidden 定位 浮动 方案3 br标签的clea
浏览器兼容指的是：由于各浏览器使用了不同的内核，使得网页在各种浏览器上的显示效果不一致，做好浏览器兼容，才能够让网站在不同浏览器上正常显示 CSS方面： 1、不同浏览器的标签默认的内外边距不同，所以，可以全部初始化为0 *{ margin: 0; padding: 0; } 2、图片<img>和<a>标签在IE9中
2022年6月15日，微软终止对IE的支持，自此IE走入历史，可以说这是一个时代的终结。 自己在 2011 年刚从业时，IE 在国内的市场占有率可是遥遥领先的，下图来自于 StatCounter 网站的统计结果。 将浏览器版本再细分，排在前面的也是 IE 的四个版本，其中 IE6 的占有率最
问题1：ios底部小黑条的兼容 //需按此顺序写css样式 height: calc(70px + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/ height: calc(70px + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/ 问题2:H5页面可查看打印信息等 const script = document.createElemen
浏览器兼容问题一： 块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大 问题的症状：常见症状是IE6中后面的块被顶到下一行碰到的概率：90%（稍微复杂一点的页面都会碰到，float布局是重最常见的浏览器兼容问题·）解决方案：在flaot的标签的样式控制中加入 display：inline
1、开发者 时间线：布兰登 1995年，进入网景公司，为浏览器开发了JS功能；1998年，协助成立Mozilla.org，担任了首席架构师；网景倒后，建立Mozilla基金会；2014年，晋升Mozilla的CEO，十天后被赶下台；2015年，成立Brave公司，开发保护隐私的浏览器； 启示： 牛逼的程序员从来不是只会一门语言、程序员
✨背景透明文字不透明 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景透明，文字不透明</title> <style> * { padding: 0; margin: 0; } body {
高度塌陷问题及其解决方案（常见的几种清除浮动的方法及其优缺点） 父元素没有设置高度，子元素浮动后导致父元素高度为0，就叫做高度塌陷问题 1、给父元素设置overflow:hidden;（实际应用较多） 原理：给父元素设置overflow:hidden;触发了BFC(块级格式化上下文)的状态，闭合了子元素的浮动，
网格布局 设置成网格 display：grid、inline-grid 设置列数和列宽 grid-template-columns：repeat（列数，宽度）； 设置行数和行高 grid-template-rows：repeat(行数，行高)； 划分区域 grid-template-areas：有几行就写几对引号 引号里边用名字代替区域 设置行和列的空隙 grid-gap 制定那个区域
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 有一些特殊代码只需要在某些特殊浏览器中执行 而在其他浏览器中不需要执行，使用cs
IE开发工具栏 这个文件主要用于IE中显示页面简单信息用的，还可以。 功能比FireBug稍微差点,但也挺好用的,支持IE6/7. 微软出的 做web开发很好用的一个工具，可以非常方便的查看网页结构，可以在页面中高亮显示选中的部分，对页面进行w3验证等
一、自适应 1、宽度自适应 块元素不设置宽度或是块元素设置宽度100%，块元素的宽度占满整个父级的宽度。 （1）不设置width（块元素是占位置，元素类型没有受影响） （2）width：100%（元素类型受影响，脱离文档流，设置浮动、绝对定位、固定定位） calc（）可以动态计算数值 （1）使用calc（）的加减乘除实现宽度自适应
问题：代码在Forefox和IE8下工作正常，但是在IE6下报错：expected identifier, string or number 假如变量options有多个选项，那么我们可以用逗号分开；但是最后一个选项后不可以有逗号。虽然IE8和Firefox可以忽略这个逗号，但是IE6下会报错(据说IE7下也会报错) 解决方案：解决方法很简单，把多余
同学们经常在制作网页的时候，会遇到ie6的兼容问题，下面这篇文章可以帮助大家规范代码和解决ie6中常见的一些兼容问题。 浏览器的兼容问题 浏览器兼容问题可以认为是相同的代码（css,js）在不同的浏览器中执行会产生不同的效果。 中国常见的3大内核： IE内核： IE浏览器、360浏览器（兼容模式）
IE6 VS IE7 ——显示大量控件时的表现 IE7在显示很多的文本框的时候，会出现假死的状况，至少我遇到了一会。 不知道您有没有遇到？ 我们由一个OA项目，b/s结构的，给客户安装之后运行后还算顺利。有一天，客户打来电说是要增加一个功能，能够批量的录入数据，有一个n行12列的表格，要往里
1.区别IE和非IE浏览器 #tip { background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF【区别符号】：「\9」、「*」、「_」【示例】： #tip { background:blue; /*Firefox 背景变蓝色*/ background:red \9; /*IE8 背景变红色*/ *bac
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的============================================================================= style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"语法： filter : prog
之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。 背景透明，文字不透明的解决方法：http://github.crmeb.net/u/defu 为元素添加一个绝对定位的子元素，设置大小和该元素一样，
web前端兼容性面试题汇总一、html部分1.H5新标签在IE9以下的浏览器识别html5shiv.js下载地址2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。解决方法：统一设置ul的内外边距为0二、CSS样式的兼容性1.css的hack问题：主要针对IE
XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 创建 XMLHttpRequest 对象
DOM0和DOM2事件绑定的区别？ 语法上区别 [DOM0] box.onclick = function() {}; [DOM2] box.addEventListener("click",function(){}); 底层机制上的区别 [DOM0] 就是给元素的某个事件绑定方法(有效绑定的方法只有一个) [DOM2] 基于事件池机制，每次增加一个方法，就向事件池中增
不同浏览器的内核也不同的，所以每一个浏览器对网页的解析时，会存在一定的差异性。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。 常见的浏览器内核： 不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。 1.不同浏览器的标签
1-列举几个常见的浏览器兼容问题 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个
浏览器在互联网中的地位可见一斑，甚至可以说，它是比搜索引擎和社交软件更强的流量入口。微软IE6当年在2001年作为Windows XP的默认浏览器发布，比Chrome首次发布还要早六年。 但是，谷歌Chrome却后来居上，如今的市场份额毫无压力地位居全球第一。近日，YouTube的前工程师Chris透露了一个有
浏览器在互联网中的地位可见一斑，甚至可以说，它是比搜索引擎和社交软件更强的流量入口。微软IE6当年在2001年作为Windows XP的默认浏览器发布，比Chrome首次发布还要早六年。 但是，谷歌Chrome却后来居上，如今的市场份额毫无压力地位居全球第一。近日，YouTube的前工程师Chris透露了一个有
