RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 12:28:12 +00:00
Code Issues Activity Actions

Base: Add test for a box placed over links with negative z-index

Browse source 
In this test, a set of links has a background box placed behind them via
a negative z-index. The expectation is that a hit test on a link during
a mouse-move event should select that link, and not the background box.
This commit is contained in:
Timothy Flynn 2021-03-31 10:23:39 -04:00 • committed by Andreas Kling
parent cbd62c472e
commit 2cc10c62ee
2 changed files with 48 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

47
Base/res/html/misc/link-over-zindex-block.html Normal file
View file

@ -0,0 +1,47 @@
<style>
ul {
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}
a {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#contents {
position: relative;
overflow: hidden;
}
#links {
width: 110px;
float: left;
padding: 5px;
}
#background {
width: 120px;
position: absolute;
float: left;
left: 0;
bottom: 0;
top: 0;
background: cyan;
border: 1px solid black;
z-index: -10000;
}
</style>
<body>
<div id=contents>
<div id=links>
<ul>
<li><a href="welcome.html">Home 1</a></li>
<li><a href="welcome.html">Home 2</a></li>
<li><a href="welcome.html">Home 3</a></li>
</ul>
</div>
<div id=background></div>
</div>
</body>