problème css avec le navigateur midori (webkit)
Bonjour à vous.
Je cherche à superposer - en css - un div contenant un objet flash (dessous) et un div contenant du html. Je m'y prend comme ça :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <html>
<head>
<title>un titre.</title>
</head>
<body>
<div style="width: 200px; height: 200px; position: relative;">
<div>
<object type="application/x-shockwave-flash" data="leflash.swf" width="200" height="200">
<param name="movie" value="leflash.swf" />
<param name="quality" value="high"/>
<p>L'animation flash n'est pas prise en charge</p>
</object>
</div>
<div style="width: 200px; height: 200px; position: absolute; top: 0;">
<p>bla bla bla, ble ble ble, bli bli bli, blo blo blo, blu blu blu</p>
</div>
</div>
</body>
</html> |
Ça marche très bien avec firefox et ie. Comme je n'ai pas safari, je teste avec midori (qui fonctionne avec webkit, comme safari). Et donc, avec midori, le div avec le flash apparaît au-dessus du div avec le html.
J'ai beau essayer en jouant avec z-index ou à grands coups de JQuery, rien n'y fait.
Est-ce que ce code fonctionne avec safari (le vrai) ? et sinon, comment faire ?
