我试图隐藏页面上的一个元素,但我仍然希望它存在。我想要一个仍然可以单击的按钮,但我希望它不可见。
隐藏元素并保持页面位置的方法有3种。您可以获得有关之间的更多信息正常流量和css样式(即:opcity、visibility)属性关系。
- 能见度
- opcity
- 透明的
$('div').click(function (){
alert(this.innerHTML)
})
div{
border: 1px solid #000;
}
.one{
visibility:hidden;
}
.two{
opacity: 0;
}
.three{
background: transparent;
color: transparent;
}
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
1
<div class="one">visibility</div>
2
<div class="two">opticy</div>
3
<div class="three">transparent</div>
4
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)