关注前端开发
HTML5、CSS3、Javascript

HTML层问题之如何能将文字至于视频上面?

先看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;};

测试结果:成功!

ok!问题解决,供大家参考,有问题请留言或Q 我,875837062!

转载请注明出处大前端 » HTML层问题之如何能将文字至于视频上面?

分享: