48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html lang="en">
|
|
<head>
|
|
<style type="text/css">
|
|
#p {
|
|
position: relative;
|
|
left: -100px;
|
|
margin-left: 100px;
|
|
}
|
|
#t {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100px;
|
|
height: 100px;
|
|
background: green;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
function runTest()
|
|
{
|
|
document.getElementById('t').style.display='block';
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="setTimeout(runTest, 0);">
|
|
<p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=7235">Bugzilla bug 7235</a> Pure CSS Tooltips method renders wrong and creates artifacts</p>
|
|
|
|
<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
|
|
The square should change to solid green.
|
|
</p>
|
|
|
|
<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
|
|
The square will remain red and will only change to green when the window is resized, scrolled or otherwise repainted.
|
|
</p>
|
|
|
|
<p>
|
|
</p>
|
|
<span id="p"> <div id="t"></div></span>
|
|
<div style="width: 100px; height: 100px; background: red;"></div>
|
|
|
|
</body>
|
|
</html>
|