首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

第141天:前端开发中浏览器兼容性问题总结(二)

解决:  使用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.9K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    金三银四,那浏览器兼容你知多少?

    一些概念 CSS BUG Css样式在各浏览器中解析不一致的情况,或者说Css样式在浏览器中不能正确显示的问题称为CSS Bug CSS hack CSS中,hack是指一种兼容css在不同浏览器中正确显示的技巧方法...有些人更喜欢使用patch(补丁)来描述这种行为。 Filter 它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。本质上讲,filter是一种用来过滤不同浏览器的hack类型。...语法:选择器{_属性:属性值;} 此方法是区分ie6浏览器和其他浏览器的方法 !...important关键字过滤器 它表示所附加的声明具有最高优先级的意思,被浏览器优先显示(ie6不识别此写法) 语法:选择符{属性:属性值!...写在一行上; hack2:将? 转换为块级元素,给?

    60430

    前端架构师之09_JavaScript_BOM

    对于 window对象的属性和方法在调用时可以省略 window,直接访问其属性和方法即可。...在 JavaScript 中直接使用一个未声明的变量会报语法错误,但是使用“window.变量名”的方式则不会报错,而是获得一个 undefined 结果。...第2个参数:指定target属性或窗口的名称 第3个参数:用于设置浏览器窗口的特征(如大小、位置、滚动条等),多个特征之间使用逗号分隔。...x坐标(IE8不支持) 属性 screenY 返回相对于屏幕窗口的y坐标(IE8不支持) 属性 innerHeight 返回窗口的文档显示区的高度(IE8不支持) 属性 innerWidth 返回窗口的文档显示区的宽度...(IE8不支持) 属性 outerHeight 返回窗口的外部高度,包含工具条与滚动条(IE8不支持) 属性 outerWidth 返回窗口的外部宽度,包含工具条与滚动条(IE8不支持) 方法 moveBy

    7200

    div+css布局时常见bug总结

    解决方法:给标签加入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会显示红色

    69320

    CSS3常用功能的写法

    以下就是这些写法的详细介绍。所有代码都经过了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字体。

    76620

    div+css布局时常见bug总结

    解决方法:给标签加入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会显示红色

    98470

    DOM、BOM一些兼容性问题

    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.6K20

    div+css布局时常见bug总结

    解决方法:给标签加入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会显示红色

    65460

    HTML+CSS高级

    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值不为

    5.9K61

    JS事件篇

    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,全局作用域中所有变量都是其属性,所有函数都是其方法 变量如果没找到会报错,而属性如果没找到会返回

    12.6K10

    常见的兼容性问题

    opacity是CSS 3里的一个属性,现代浏览器都已经支持,对于老版本浏览器可以通过加入私有前缀来支持,对于IE6-IE8可以通过filter属性来支持,IE4-IE9都可以通过滤镜写法提供兼容支持。...,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点或输入内容时,提示文字消失。...之前,必须使用attachEvent而不是使用标准方法addEventListener来注册元素的监听器,事件兼容的问题,通常需要会封装一个适配器的方法,过滤事件句柄绑定、移除。...event.preventDefault(),此方法只会阻止默认行为而不会阻止事件的传播。...此外,在jQuery中使用return false会同时阻止默认行为与事件传播,通常也会封装一个方法来实现默认行为的阻止。

    1.8K10

    js的DOM理解

    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和

    4.2K30

    高度不固定的图片、多行文字的水平垂直居中

    例如如下css代码: height:3em; line-height:3em; …… 显示结果如下图: ? ② 多行文字 如何实现父容器高度固定,文字可能一行,两行或更多行的垂直居中对齐呢?...但是这个方法不足之处在于:不支持外标签的浮动,所以当多图片显示时需要再在外面嵌套一层标签——资源消耗多了!...③ display:inline-block和文字大小控制居中 此方法的灵感来自于Google picasa相册的图片显示,代码相当简洁,是个成本很低,效果惊人的方法。适用于多图显示的情况。...基本上用裸标签就实现了想要达到的效果。一般而言,图片阵列排列显示的时候,外面都有一个a标签的,起到链接的作用。而本处的方法就只要这一个标签就足以实现图片垂直且居中的显示效果。...此方法原理是,在IE下使用font-size使图片垂直居中显示,Firefox,chrome等现代浏览器使用line-height配合本身的vertical-align属性使垂直居中显示,由于两者不冲突

    3K20

    Vue.js 2.0 学习重点记录

    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 会根据控件类型自动选取正确的方法来更新元素。

    3.9K50
    领券