Implement visibility css prop

This commit is contained in:
MoyuScript
2017-08-03 20:28:39 +08:00
parent 32642682af
commit 12232dfe5a
4 changed files with 123 additions and 83 deletions

View File

@ -1,24 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Visible elements tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../test.js"></script>
<style>
div{
border:2px solid black;
}
</style>
<head>
<title>Visible elements tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../test.js"></script>
<style>
div{
border:2px solid black;
}
.none {
display:none
}
</style>
</head>
<body>
<h1>Display:none and visible:hidden tests</h1>
<div>This should be visible </div>
<div style="display:none">display:none, This should be <b>hidden</b></div>
<div style="visibility:hidden">visibility:hidden, This should be <b>hidden</b></div>
<hr />
<div style="display:none">display:none, This should be <b>hidden</b></div>
<div style="visibility:hidden">visibility:hidden, This should be <b>hidden</b></div>
</head>
<body>
<div>
<h1>Display:none and visible:hidden tests</h1>
<div>This should be visible </div>
<div class="none">display:none, This should be <b>hidden</b></div>
<div style="visibility:hidden">visibility:hidden, This should be <b>hidden</b></div>
<hr />
<div class="none">display:none, This should be <b>hidden</b></div>
<div style="visibility:hidden">visibility:hidden, This should be <b>hidden</b></div>
</div>
</body>
</body>
</html>