何らかの理由で、埋め込まれたビデオの z-index を変更して画像の前に表示することができません。上記のビデオにポジショニングを適用しないという初心者の間違いを知っており、絶対および相対ポジショニングを適用しようとしましたが、役に立ちませんでした。以下の質問を見て、インライン スタイルで z-index を変更できることを知りました。私のz-indexスタイルが無視されている理由を誰か説明してもらえますか?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="SDL.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Home</title>
</head>
<body>
<img src="img/SDL 4 Final Recompress.jpg"/>
<embed
src="http://blip.tv/play/AwGUv2w"
type="application/x-shockwave-flash" width="669"
height="500" allowscriptaccess="always"
allowfullscreen="true" style="postion:absolute;z-index:2;">
</embed>
<img src="img/Stage-Background.png" style="postion:absolute;z-index:1;"/>
</center>
</body>
</html>