让知识连接你我
投稿赚钱
当前位置: 首页 > 前端开发 > HTML层问题之如何能将文字至于视频上面?
  • 101
  • 微信分享

    扫一扫,在手机上查看

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

2019.09.16 10:00 255 浏览 举报

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

  检测结论:成功!


本文首次发布于开创者素材 ,转载请注明出处,谢谢合作!

相关文章推荐