工作中遇到的问题汇总-【css】(to be continued)

原创 x778518694 随笔 个人笔记 396阅读 2017-06-14 16:20:35 举报

工作中难免遇到各种各样的问题,随手记录在日记本上,分类复习很不方便,现在记录在此以便复习,若能帮助到其他同学避免一些坑就更好了。
后续遇到问题持续更新

有问题请毫不留情的指出,谢谢

问题1:工作中遇到的兼容性问题汇总-【元素超长隐藏,并显示...】的异常处理
详情://notes/34644/59219bac29dc70289d72a85bdf452517.html

问题2:first-child 失效
问题原因:first-child,前面没有其他兄弟节点才生效;
解决办法:first-child对应的元素之前不能存在其他任何兄弟节点;
示例:
html 代码

问题3:清除浮动
解决办法:
父元素添加clear类,clear类的样式如下:
css 代码

问题4:使用阿里iconfont库,采用兼容IE8+的font-class引用,图标未能和其他元素对其
解决办法:对iconfont.css文件的iconfont类添加vertical-align:-0.15em;
css 代码

问题5:360浏览器兼容模式,使用echarts生成饼状图时,z-index值过高,不符合项目的前端各元素的层级(z-index)分布,导致饼状图和其他弹出层显示异常
解决办法:对饼状图所在的容器(父元素)设置符合当前项目的z-index值即可;360浏览器对同级元素的z-index做比较,子元素之间在容器(父元素)基础上作比较

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复