html中点击按钮闪现,[CSS] hover 死循环,不断闪现。

.content{

width: 300px;

height: 300px;

}

.test{

width: 200px;

height: 200px;

background-color: red;

}

.test1:hover{

display: none;

}

.test2:hover > .item{

display: none;

}

:hover display: none 不断闪现

这个影藏了不会闪现

如上面的 代码:

造成闪现的原因:

当上面代码中 class="test1" 被 hover 后就隐藏,但是隐藏后该元素就没有被hover住了又会显示出来。显示出来后又被hover 又被隐藏。这样不断重复就成了上面的不断闪的效果。

我的解决方法:

我在test1 div 的代码基础上增加了一个子元素。形成了test2 div的代码。 把内容写在子元素里面。当我想要hover隐藏内容时就隐藏被hover对象的子元素。那样hover的作用也会一直生效。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

你还有其他的解决方法吗?欢迎分享相应的解决方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值