解决: 使用ie6不支持但其余浏览器支持的属性!important。 设置属性min-height:200px; height:auto !...在ie中如果td中的没有内容,那么border将不会显示 8. div嵌套p时,出现空白行 问题: div中显示文本,ff、oprea、Chrome:top和bottom都会出现空白行,但是在...IE中li指定高度后,出现排版错误 问题: 在ie下如果为li指定高度可能会出现排版错位 解决: 设置line-height 23. ul或li浮动后,显示在div外 问题: div中的ul...32. li中的内容以省略号显示 问题: li中内容超过长度时,想以省略号显示, 此方法适用于ie6-7-8、opera、safari浏览器 ff浏览器不支持 解决: li{width:200px;white-space...让层显示在FLASH之上 问题: 想让层的内容显示在flash上 解决: 把FLASH设置透明 1、
二、属性操作要点: 1、属性获取直接以(obj.属性名)的方式,注意点是属性名不可出现(-),以驼峰法变幻,如(Odiv.font-size 错误!...及以下不支持此js!!...= 'left' 法2:用className方法进行属性添加即可。...,只在一行内显示(不换行)。 ...,包括函数内部的各种操作,如此一来,调用此函数时,不必先声明后使用,但是,可能会影响性能!!!)
一些概念 CSS BUG Css样式在各浏览器中解析不一致的情况,或者说Css样式在浏览器中不能正确显示的问题称为CSS Bug CSS hack CSS中,hack是指一种兼容css在不同浏览器中正确显示的技巧方法...有些人更喜欢使用patch(补丁)来描述这种行为。 Filter 它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。本质上讲,filter是一种用来过滤不同浏览器的hack类型。...语法:选择器{_属性:属性值;} 此方法是区分ie6浏览器和其他浏览器的方法 !...important关键字过滤器 它表示所附加的声明具有最高优先级的意思,被浏览器优先显示(ie6不识别此写法) 语法:选择符{属性:属性值!...写在一行上; hack2:将? 转换为块级元素,给?
下只有设置在默认显示方式为inline的元素上才会生效,请实现兼容ie6、ie7的通用的方式。...在IE中,设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点,设置padding对样式没有影响;在 Firefox 中,设置margin:0px仅仅可以去除上下的空白,设置padding...,但是低版本的ie不支持,如何在低版本的ie上兼容类似的功能。...,但是低版本的ie不支持,如何在低版本的ie上兼容类似的功能。...,但是低版本的ie8及以下不支持,如何在低版本的ie上兼容类似的功能。
对于 window对象的属性和方法在调用时可以省略 window,直接访问其属性和方法即可。...在 JavaScript 中直接使用一个未声明的变量会报语法错误,但是使用“window.变量名”的方式则不会报错,而是获得一个 undefined 结果。...第2个参数:指定target属性或窗口的名称 第3个参数:用于设置浏览器窗口的特征(如大小、位置、滚动条等),多个特征之间使用逗号分隔。...x坐标(IE8不支持) 属性 screenY 返回相对于屏幕窗口的y坐标(IE8不支持) 属性 innerHeight 返回窗口的文档显示区的高度(IE8不支持) 属性 innerWidth 返回窗口的文档显示区的宽度...(IE8不支持) 属性 outerHeight 返回窗口的外部高度,包含工具条与滚动条(IE8不支持) 属性 outerWidth 返回窗口的外部宽度,包含工具条与滚动条(IE8不支持) 方法 moveBy
important; color: #000;} test1 test2 说明:在标准模式中 “-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9...最简单的初始化方法是 *{margin:0; padding:0;} 但不推荐,而且它也并不完善。...float (6)标签属性min-height是不兼容的,所以使用的时候也要稍微改改。...important; height:100px; overflow:visible;} 另一方面,IE是不支持min-height这类属性的,所以有些时候也可以考虑使用CSS表达式 #container...属性不支持hand,但是支持pointer,IE两个都支持;所以为了兼容都用pointer (12)有个说法是:FireFox无法解析简写的padding属性设置。
详见w3school的文档。 window下的属性和方法,可以使用window.属性、window.方法()或者直接属性、方法()的方式调用。...滚动条 scrollBy(xnum,ynum) 方法可把内容滚动指定的像素数。注意: 要使此方法工作 window 滚动条的可见属性必须设置为true!...(ie8及以下浏览器不支持) pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。...IE8及更早IE版本不支持该属性,但可以使用 "document.body.scrollLeft" 和 "document.body.scrollTop" 属性 。...注意:IE8及更早IE版本不支持这些属性。
解决方法:给标签加入display:inline,使其成为行标签。 4.默认行高:产生的条件 ie6 设置的文字高度超出盒模型内容区域 设置高度时会改变布局。...解决方法:所有图片都浮动 写代码时不换行 9.经典3像素:条件 浮动块元素与未浮动元素处于同一行。解决:设置非浮动元素浮动。 10.hover在ie6中只能给a标签用。...11.ie678不支持透明opacity的属性。用独特的代码代替opacity:0.6;filter:alpha(opacity=60).不支持rgba的设置。...12.不支持最大最小宽高:标签的最低高度宽度设置。解决方法:为单独设置hack。 13.子选择器在ie6中不能使用。div>p这是子选择器。可以用来选择父级下的某个子级。...background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色
以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。 一、圆角(Rounded Corner) ?...遗憾的是,目前所有的IE都不支持CSS圆角,要等到IE 9才行。 二、盒状阴影(Box Shadow) ?...四、透明(opacity) 正常情况下,上层的对象会覆盖下层的对象。 ? 但是,如果将上层对象的颜色变为透明,就可以透过它看到下层对象。 ?...background-color: #B4B490; 这是设置对象的预备色,也就是不透明时的颜色。如果浏览器不支持透明,就将显示这个颜色。...url()表示字体在服务器上的位置,format()用来说明字体格式。Firefox 3.5支持TrueType和OpenType字体,Firefox 3.6又增加了WOFF字体。
解决方法:给标签加入display:inline,使其成为行标签。 4.默认行高:产生的条件 ie6 设置的文字高度超出盒模型内容区域 设置高度时会改变布局。...解决方法:所有图片都浮动 写代码时不换行 9.经典3像素:条件 浮动块元素与未浮动元素处于同一行。解决:设置非浮动元素浮动。 10.hover在ie6中只能给a标签用。...11.ie678不支持透明opacity的属性。用独特的代码代替opacity:0.6;filter:alpha(opacity=60).不支持rgba的设置。...12.不支持最大最小宽高:标签的最低高度宽度设置。解决方法:为单独设置hack。 13.子选择器在ie6中不能使用。div>p这是子选择器。可以用来选择父级下的某个子级。...background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色
1、DOM DOM 即:文档对象模型,其中定义了许多操作 HTML 文档内容的 API,在早期的浏览器中,特别是 IE,有些API是不支持的,或者API的名称或功能和标准不太一样,这样就造成了差异。...IE8 及其以上版本是支持的,可以使用, node.nextSibling 和 node.nodeType 属性在 IE8 上也是支持的,前者表示获取一个结点(是结点,而非元素结点)的下一个兄弟节点(而不一定是元素节点...然而,当你试图在 Selection 对象上使用一个 JavaScript 的String 对象上的属性或者方法时(如 String.prototype.length 或者 String.prototype.substr...()),会导致错误(如果没有相应的属性或方法时)或返回不是期望的结果(如果存在相应的属性或方法)。...幸运的是,该属性在 IE8 及其以上 IE 版本是兼容的,可以使用。
1.1.1 块级元素在一行显示 1.1.2 内联元素支持宽高 1.1.3 默认内容撑开宽度...第二个div用margin-left设置,让其在视觉上不被遮挡 3.2 当浮动元素相邻的下一个块级元素包含文本内容时,浮动元素没有覆盖文本,而是浮动在文本的左边 ...1.2 只在标准浏览器(除ie8及以下版本的ie浏览器外)中会出现的特性 1.3 触发BFC的方法 1.3.1 float值不为...第二个div用margin-left设置,让其在视觉上不被遮挡 3.2 当浮动元素相邻的下一个块级元素包含文本内容时,浮动元素没有覆盖文本,而是浮动在文本的左边 ...1.2 只在标准浏览器(除ie8及以下版本的ie浏览器外)中会出现的特性 1.3 触发BFC的方法 1.3.1 float值不为
JSON字符串 eval函数 ---- window.onload:事件 浏览器加载一个页面时,是按照自上而下的顺序加载的,读取到一行就运行一行,如果将script标签写到页面上边,在代码执行的时候,页面还没有完全加载...内容,或者设置对应节点html内容 innerHTML在JS是双向功能:获取对象的html内容 或 向对象插入html内容 我们可以通过 document.getElementById(‘aa’).innerHTML...属性会获取包括文本节点在内的所有节点,注意DOM标签与标签之间的空白也会被当成文本节点 在IE8一下的浏览器中,不会将空白文本当成子节点,所以该属性再IE8中会返回4个子元素,而其他浏览器都是9个 -...虽然 IE8 中没有 getElementsByClassName()但是可以使用 document.querySelector()代替 使用该方法总会返回唯一的一个元素,如果满足条件的元素有多个,那么它只会返回第一个...不支持IE8 VS 元素.currentStyle支持IE8 ===》通用方法融合两者 全局对象window,全局作用域中所有变量都是其属性,所有函数都是其方法 变量如果没找到会报错,而属性如果没找到会返回
opacity是CSS 3里的一个属性,现代浏览器都已经支持,对于老版本浏览器可以通过加入私有前缀来支持,对于IE6-IE8可以通过filter属性来支持,IE4-IE9都可以通过滤镜写法提供兼容支持。...,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点或输入内容时,提示文字消失。...之前,必须使用attachEvent而不是使用标准方法addEventListener来注册元素的监听器,事件兼容的问题,通常需要会封装一个适配器的方法,过滤事件句柄绑定、移除。...event.preventDefault(),此方法只会阻止默认行为而不会阻止事件的传播。...此外,在jQuery中使用return false会同时阻止默认行为与事件传播,通常也会封装一个方法来实现默认行为的阻止。
ReferenceError:非法或不能识别的引用数值 4. SyntaxError:发生语法解析错误 5. TypeError:操作数类型错误 6....不支持with,arguments.callee,func.caller,变量赋值前必须声 明,局部this必须被赋值 (Person.call(null/undefined) 赋值什么就是什么),拒绝重复属性和参数...DOM对象即为宿主对象, 由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...复制代码 DOM基本操作 1.对节点的增删改查 查看元素节点 document代表整个文档 document.getElementById() //元素id 在Ie8以下的浏览器, 不区分id大小写,而且也返回匹配...) .getElementsByClassName() // 类名 -> ie8和ie8以下的ie版本中没有,可以多个class一起 .querySelector() // css选择器 在ie7和
例如如下css代码: height:3em; line-height:3em; …… 显示结果如下图: ? ② 多行文字 如何实现父容器高度固定,文字可能一行,两行或更多行的垂直居中对齐呢?...但是这个方法不足之处在于:不支持外标签的浮动,所以当多图片显示时需要再在外面嵌套一层标签——资源消耗多了!...③ display:inline-block和文字大小控制居中 此方法的灵感来自于Google picasa相册的图片显示,代码相当简洁,是个成本很低,效果惊人的方法。适用于多图显示的情况。...基本上用裸标签就实现了想要达到的效果。一般而言,图片阵列排列显示的时候,外面都有一个a标签的,起到链接的作用。而本处的方法就只要这一个标签就足以实现图片垂直且居中的显示效果。...此方法原理是,在IE下使用font-size使图片垂直居中显示,Firefox,chrome等现代浏览器使用line-height配合本身的vertical-align属性使垂直居中显示,由于两者不冲突
Vue.js兼容性 Vue.js.js 不支持 IE8 及其以下版本,因为 Vue.js.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。...错误1:导入的地址必须使用单引号 错误2:在从导出时components属性冒号之后要加空格,再写大括号 错误3:components属性下写组件名称,应该缩进4个空格 错误4:在Apple.vue中多写了个...**注意: 以上从上到下依次为: u 数组绑定class,数组绑定的class,数组元素是对象的名称,在vue data里要写对象的值即真正的class名才可以 u 多个对象属性绑定class, u 直接绑定一个对象绑定...class,在vue data里写对象属性名的时候,可加引号可不加,但是有中划线的时候必须加。...u 单个对象属性绑定class,根据vue中isActive的状态改变 Vue.js表单控件绑定 v-model 会根据控件类型自动选取正确的方法来更新元素。
上移本身高度的50%即可。 ...IE专用语句:方法二 除了IE6以外,所有浏览器都不能识别属性前的下划线。...IE6的min-height IE6不支持min-height,有两种方法可以解决这个问题: 方法一: .element { min-height: 500px; height...禁止自动换行 如果你希望文字在一行中显示完成,不要自动换行,CSS命令如下: h1 { white-space:nowrap; } 21....在IE6中设置PNG图片的透明效果 .classname { background: url(image.png); _background: none; _filter
领取专属 10元无门槛券
手把手带您无忧上云