个人中心
gpt4 book ai didi

html - 我如何才能在我的网站中绝对定位包含带有 标签的 youtube 视频的 div？
转载 作者：行者123 更新时间：2023-11-28 02:11:39 25 4
gpt4 key购买 nike

我想在我的网站上导入 YouTube 视频。

我正在使用您稍后会看到的目标代码。我有两个 div。它们中的每一个都是绝对定位的(position:absolute)。

我的问题是包含 youtube 编码“”的 div2 不“服从”z-index 属性。

我希望包含 youtube 视频的 div2 *被 div1* 覆盖z-index: 3 大于 z-index(div2):1。

我的代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">

.div1 {
    width:540px;
    height:400px;
        border:3px solid red;
    position:absolute;
    z-index:3;
}

.div2 {
    width:540px;
    height:350px;
    border:3px solid blue;
    position:absolute;
    z-index:1;
}

</style>

</head>

<body>

<div class="div2">

    <object width="540" height="415" >
     <param name="movie"
         value="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&autohide=1&showinfo=0"></param>
    <param name="allowScriptAccess" value="always"></param>
    <embed src="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&autohide=1&showinfo=0"
         type="application/x-shockwave-flash"
         allowscriptaccess="always"
         width="540" height="415"></embed>
</object>

</div>
<div class="div1">
</div>


</body>
</html>

如果您运行该示例，您会看到 div2 与 div1 重叠，而实际上它不应该重叠。我认为问题出在代码上

我该如何解决这个问题？你有没有再遇到过这个问题？

提前致谢

最佳答案

您需要将 wmode 设置为透明，这样才能正常工作。检查这个:

http://jsfiddle.net/XjyHk/

关于html - 我如何才能在我的网站中绝对定位包含带有 <object> 标签的 youtube 视频的 div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7971465/

25 4 0
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com