Bug Tracker

Ticket #4511: test-4511.html

File test-4511.html, 1.2 KB (added by dmethvin, 9 years ago)
Line 
1<!DOCTYPE html>
2<html>
3<head>
4<title>test</title>
5<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
6</script>
7<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
8<style type="text/css" media="screen">
9body { background-color: #fff; font: 16px Helvetica, Arial; color: #000; }
10</style>
11</head>
12<body>
13<div id="testBox1" style="position: relative">
14    <div>test</div>
15    <p style="position: absolute; left: 0; top: 0">This text should fade out.</p>
16</div>
17<br><br>
18<button type="button" onclick="$('#testBox1').fadeOut()">fade out</button>
19<!-- works -->
20<hr>
21
22<div id="testBox2" style="position: relative">
23    <div style="float: left">test</div>
24    <p style="position: absolute; left: 0; top: 0">This text should fade out.</p>
25</div>
26<br><br>
27<button type="button" onclick="$('#testBox2').fadeOut()">fade out</button>
28<!-- doesn't work -->
29<hr>
30
31<div id="testBox3" style="position: relative">
32    <p style="position: absolute; left: 0; top: 0">This text should fade out.</p>
33</div>
34<br><br>
35<button type="button" onclick="$('#testBox3').fadeOut()">fade out</button>
36<!-- doesn't work -->
37
38</body>
39</html>