优化:公用的抽离,方便管理!!!
一:前端样式遇到的一些坑
第一个为问题界面,第二个正常效果。解决方法:查看层级z-index,增加权重;查看并取消overflow:hidden属性。
二:自适应样式出错
网页导入很多的插件框架时,样式可能会受到影响;解决方法:谷歌浏览器F12开发者模式审查元素,看float是否清楚,line-height是不是设置大了,弹性的布局的话要考虑参数,自适应布局要设置好最小(最大宽度)并且调试。
三:table表格滑过效果
错误示例,鼠标滑过tr变灰色,但是前后两个td也跟着变了,很难受。
正确应该为这样子;解决办法:给前后两个td加上类名,可以在css里给两个td加上背景白色(必要的话加上!important);另一种方法可以js绑定修改样式:
四:内阴影发光
五:注释大法好!!!易排错,方便查阅
六:layui 弹出层,修改(留好备用!!!)
可以使用web端弹框
六:超出文本省略(目录过长处理)