发表于： 2019-05-15 22:50:28
2 865
今天完成的事情
今晚的时间都用来研究hover时会出现4个操作选择。本来想使用bootstrap中的提示框效果实现，但是发现bootstrap引入提示框需要添加JS代码。于是取消该方法。于是使用师兄建议的方法 CSS 锚伪类 :hover当鼠标悬浮在元素上方时，向元素添加样式。因为是新知识点，所以需要百度看看布局构造的想法。之后找到一个方法。
当鼠标移动到一个元素A身上时，另外一个元素B显示。
实现原理：
A元素与B元素有一个相同的父级。
B元素默认隐藏，A元素默认显示。
当鼠标移动到A元素身上时，也可以看做是移动到了A元素的父级身上。A元素的父级获得一个鼠标的hover状态。
css使用： .father:hover .b { display:block } 的方式，来定义鼠标移动到父级身上时，B元素的样式。
但是在布局这个思路时，需要给B元素设置 display：none，但是又需要设置display：flex，就算不用flex，也需要display设置别的属性
明天计划的事情
继续布局任务7
遇到的问题
卡点hover时会出现4个操作选择这个问题，如上。这也想到了以后需要设置display的两种属性应该怎么办呢
收获
感觉今天收获不大，卡点很难受。
返回列表
评论