兼容性问题
文章平均质量分 54
前端兼容性问题集
chen__cheng
1.1的n次方
展开
-
js+html+css仿淘宝固定侧边栏
功能概要将页面分为四部分,header区域、banner区域、main区域以及侧边栏当页面向下滑动,header区域隐藏时,右侧侧边栏固定在页面上不继续滑动当页面向上滑动,header区域显示时,右侧侧边栏正常随着页面滚动当页面向下滑动,header区域以及banner区域隐藏时,右侧侧边栏显示其他相关信息当页面向上滑动,header区域以及banner区域显示时,右侧侧边栏隐藏其他相关信息效果展示实现代码html<div class="slider-bar">原创 2021-02-06 11:07:38 · 728 阅读 · 0 评论 -
css reset_浏览器样式重置
css reset出现原因因不同浏览器对css的解析效果存在差异,为了减少各种浏览器下默认样式的差异,采用此方法重置元素在不同浏览器下的默认值。最开始的reset css 方式* { padding: 0; margin: 0;}此方法的学名为:Global White Space Reset,最开始css reset的方式,但是这种方式存在一定的弊端:* 导致css渲染引擎在渲染css的时候,使用 * 遍历整个DOM树,影响渲染性能* 由于是对所有标签元素的重置样式,因此原创 2021-02-03 14:42:20 · 4409 阅读 · 0 评论 -
js注册事件和删除事件兼容性解决方案
/** * 注册事件 * @param element 元素对象 * @param eventName 事件名称 * @param fn 注册监听事件 */function addEventListener(element,eventName,fn) { // 判断当前浏览器是否支持 addEventListener 方法 (ie9以上) if (element.addEventListener) { element.addEventListener(eventN原创 2021-02-01 21:48:25 · 107 阅读 · 0 评论 -
hack技术
hack技术1. 什么是css hack技术1.1 使用弊端1.2 应用场景2. 四大内核和五大主流浏览器2.1 四大内核2.2 五大主流浏览器3. css hack分类以及使用3.1 属性前缀法3.2 选择器前缀法3.3 条件注释法(只对IE有效,且只在IE9包括IE9以下得版本有效)1. 什么是css hack技术由于目前不同浏览器以及同一浏览器版本的不同导致同一页面源码显示效果不同,为了解决兼容性问题,满足用户使用体验,在满足大众浏览器的基础上为特殊浏览器编辑只有其所能解析的css,使得所有浏览器原创 2021-02-03 13:26:15 · 348 阅读 · 0 评论