Add a transparent div on top of the image

Capture mouse clicks even when images aren't showing.
This commit is contained in:
mattbk
2015-11-05 15:42:34 -06:00
parent f4220c118c
commit 3e4a16ef00
3 changed files with 20 additions and 6 deletions

View File

@ -2,13 +2,23 @@ body {
padding-top: 40px;
}
#outside {
cursor: pointer;
z-index:10;
position:relative;
}
#rotator {
//background: #dddddd;
background: #ffffff;
// 90vh is 90% of viewer height: http://stackoverflow.com/a/16837667/2152245
height:80vh;
overflow: hidden;
width:auto;
//overflow: hidden;
cursor: pointer;
z-index:0;
position: absolute;
left: 0px;
top: 0px;
}
#rotator img {
@ -16,4 +26,4 @@ body {
max-height:80vh;
width:auto;
margin: 0;
}
}