61,112
社区成员
发帖
与我相关
我的任务
分享如何实现 文字层 显示在 视频层 上?
为什么设了z-index,上面层还是会被视频盖住?
注意:要用FireFox或Chrome,谢谢
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(home.jpg);
}
#Layer2 {
position:absolute;
width:800;
height:600;
z-index:1;
left: 0px;
top: 0px;
}
#Layer3 {
position:absolute;
width:408px;
height:577px;
z-index:2;
left: 361px;
top: 20px;
}
.style2 {font-size: 24px}
.style3 {
font-family: "Artial";
color: #3333CC;
}
-->
</style>
</head>
<body>
<div id="Layer2">
<table width="600" height="500" border="0">
<tr>
<td height="78"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td width="75%" height="75%" align="center" valign="middle"><object id="WMP" height="400" width="500" type="application/x-ms-wmp" viewastext="viewastext">
<param name="URL" value="Tst.wmv" />
<param name="playCount" value="100" />
<param name="autoStart" value="-1" />
<param name="uiMode" value="none" />
</object></td>
<td> </td>
</tr>
<tr>
<td height="83"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="Layer3">
<span class="style3">
<marquee align="center" height="500" scrollamount="5" scrolldelay="30" width="200" direction="up">
<span class="style2">ABCDEFGHI</span>
</marquee>
</span></div>
</body>
</html>
注意:要用FireFox或Chrome,谢谢
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(home.jpg);
}
#Layer2 {
position:absolute;
width:800;
height:600;
z-index:1;
left: 0px;
top: 0px;
}
#Layer3 {
position:absolute;
width:408px;
height:577px;
z-index:2;
left: 361px;
top: 20px;
}
.style2 {font-size: 24px}
.style3 {
font-family: "Artial";
color: #3333CC;
}
-->
</style>
</head>
<body>
<div id="Layer2">
<table width="600" height="500" border="0">
<tr>
<td height="78"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td width="75%" height="75%" align="center" valign="middle"><object id="WMP" height="400" width="500" type="application/x-ms-wmp" viewastext="viewastext">
<param name="URL" value="Tst.wmv" />
<param name="playCount" value="100" />
<param name="autoStart" value="-1" />
<param name="uiMode" value="none" />
</object></td>
<td> </td>
</tr>
<tr>
<td height="83"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="Layer3">
<span class="style3">
<marquee align="center" height="500" scrollamount="5" scrolldelay="30" width="200" direction="up">
<span class="style2">ABCDEFGHI</span>
</marquee>
</span></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
newill0604 2011-01-04
- 打赏
- 举报
我们公司专业做字符叠加器的，也有可以集成到别人产品里的模块
只要发送指定协议就可以叠加出字符来了
QQ：1005249524
TEL：13615317475
联系人：王伟
效果图：
只要发送指定协议就可以叠加出字符来了
QQ：1005249524
TEL：13615317475
联系人：王伟
效果图：
tonylll 2010-12-03
- 打赏
- 举报
又试过了几次,还是不行,可能是WMP本身是Overlap的问题,因为截图也截不到
谢谢yhtapmys
谢谢yhtapmys
tonylll 2010-12-02
- 打赏
- 举报
试过了,还是不行。那个WMP还是会盖住上层的文字
yhtapmys 2010-12-02
- 打赏
- 举报
object再加上这个参数试一下
<param value="opaque" name="wmode">
yhtapmys 2010-12-02
- 打赏
- 举报
<param value="opaque" name="wmode">
