Bug Tracker

Ticket #3805: ie8-onmouseover-display-inline-block.html

File ie8-onmouseover-display-inline-block.html, 802 bytes (added by moronicbajebus, 14 years ago)

HTML example of bug

Line 
1<html>
2<head>
3<title>Test jQuery and Hover</title>
4<style>
5#area {
6        background-color: green;
7
8}
9
10#trigger {
11        background-color: red;
12        display: inline-block;
13        position: relative;
14}
15
16#display {
17        background-color: blue;
18        /*display: none;*/ /* <-- Uncomment this to see it magically work. */
19        padding: 1em;
20}
21</style>
22
23<script src="jquery-1.2.6.js"></script>
24<script>
25jQuery( document ).ready( function(){
26        var display = document.getElementById( 'display');
27        display.style.display = 'none';
28        var trigger = document.getElementById( 'trigger' );
29        trigger.onmouseover = function(){ display.style.display = 'block'; };
30});
31</script>
32</head>
33<body>
34
35<div id="area">
36        <div id="trigger">
37                Trigger
38        </div>
39
40        <div id="display">
41                Show me.
42        </div>
43</div>
44
45</body>
46</html>