隐藏元素方法---- 使用display:none和left:-999em

今天做一个下拉的功能,如下图:

X63Nzc6OjoEBxGR0fv379fr9dbVc80QVQ0AULpPEgAoWXpCwAAFJG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADoRvoCAKAb6QsAgG6kLwAAupG+AADo9v8BiehIQq9lghkAAAAASUVORK5CYII=

0eXRoUh9AAAAAElFTkSuQmCC

第一次想是把下面的使用js 在鼠标移动到上面的时候 修改 display 值让它显示出来。

后到通过使用在父标签上添加class,使用css控制显示与不显示,可是在某个浏览器下出现了问题(你懂得。),即不会隐藏层。 

后来换了一种方法, 不是改成修改 display属性, 而是修改left属性, 隐藏的css是left:-999em;   显示的话再把left 改到需要的数值,显示在页面上。

转载于:https://www.cnblogs.com/zsk526/archive/2011/07/15/2107124.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值