发表于: 2017-03-22 00:10:21
1 705
任务进展:
1:解决了header fixed被覆盖的问题。这个问题其实很莫名其妙,上一篇日报中的截图header是偏右的,其下面的组件并没有完全覆盖header,但当我再次打开时,header是居中的且被其完全覆盖了,此时只要设置z-index即可,实在让人无语。同样的还有sprites图定位显示问题,一开始无论怎样设置background-position,都只显示sprites图的最上部分,也就是日历图标,当把所有文件关闭重开,sprites便显示正常了。
2:这个是我理解错了,并没有问题。
3:header按钮组的问题。在谷歌内加outline:none !important解决,但是在代码中加却无效,可能是outline属性继承于bootstrap包,权限不高不能覆盖,明天尝试下。
遇到问题:
内嵌列表中的第二行中,任务要求文字截断出现省略号,为了达成这个要求同时使黑色文字和红色文字分居两端,该列表行采用flex布局space-between方式,这样一来,文字便会继承该属性,设置text-overflow:ellipsis无效,原因是权限不够高,如此便将选择器改为更高权限的id选择器,样式生效。
明日计划:
1:解答深度思考问题。
2:学习任务7。
收获:
使用bootstrap时,可在谷歌调试窗口查看属性,当自定义样式无效时,可能是选择器权限问题导致无法覆盖,应改变选择器解决。
评论