由于某种原因,我无法修改嵌入视频的 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>