先看HTML代码，试想如何能将文字至于视频上面？
<div><embed src=”http://www.tudou.com/v/UUZqjxo_WLI” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” wmode=”opaque”></embed></div>
<div?class=”text”& gt;怎么样上传视频？</div>
一般我们都会先考虑z-index，或者直接将z- index设为0；
但是结果都一样：失败！
几番测试之后，我想到了embed标签本身会不会有 问题。
于是开始查找embed的属性，结果是wmode的 问题。
一种方法是：
将embed设为opaque,即embed:”opaque”;
测试结果：成功！
另一种方法是：
将embed设为transparent,即embed:”transparent”;
但此时须将外面的DIV的z-index设为最低， 如：.video{position:relative;?z-index:1;}.text{position:relative; z-index:10;}；
测试结果：成功！
转载请注明：有客帮 » HTML层问题之如何能将文字至于视频上面？