swfobject.embedswf YouTube视频覆盖在Chrome中，不透明度无法正常工作

Question

我在chrome中遇到YouTube覆盖视频的问题，覆盖层的不透明度为0.8，但是在Chrome中，YouTube视频也可以使用不透明度，因此您可以通过它看到。<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

我在此任务上使用swfobject.embedswf和frocotube插件，但无法确定为什么会发生这种情况，任何想法？

功能是：

getVideoEmbed: function(wrapper) {
        var wrapperID = wrapper.identify();
        var flashvars = {
            fs: this.options.fs,
            autoplay: this.options.autoplay,
            loop: this.options.loop,
            hd: this.options.hd,
            showinfo: this.options.showinfo,
            rel: this.options.rel
        };
        var params = { 
            wmode: "transparent",
            allowScriptAccess: "always",
            allowFullScreen: true,
            menu: false
        };
        var atts = { };
        swfobject.embedSWF(this.options.youtubeVideoUrl+this.videoID, wrapperID, this.options.playerWidth, this.options.playerHeight, "9", null, flashvars, params);
    },

可以在此处找到该问题的示例URL：http：//tinyurl.com/b48u39c（单击Chrome中的主图像上的播放视频链接以查看问题）

Answer 1

在Firefox 16.0.2中使用{opacity: 0.8}和IE 9电影看起来完全像Chrome 23（半透明的图像和文本，可以通过它可见）。在Opera 12.02中，电影看起来有点漂白（与大量白色混合）。

因此，恕我直言，这不是chrome的cptific bug。那是浏览器的行为 - 某种程度上将元素的不透明度应用于嵌套对象（因为object嵌套在您的div class="overlay"中）。

更新：将您的SWF播放器放在 div class="overlay"之后，具有更高的 z-index（例如 {z-index: 5001;}，而不是覆盖的内部内部。

Answer 2

我最终使用rgba（0，0，0，0.8）将其固定在CSS