mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 22:12:44 +00:00
2cc10c62ee
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.
47 lines
976 B
HTML
47 lines
976 B
HTML
<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>
|