Question

我们的网站有一个非常基本的书签功能，用户可以使用它从任何其他网站发布任何链接到我们的个人资料。它会插入一些叠加层，所有叠加层都是位置：绝对值并且有一些非常高的z-index数字，所以它几乎总是出现在任何其他网站的内容之上。

但是，当用户在YouTube上时，这似乎不起作用，并点击书签将其分享到我们的网站。因为YT的内部视频播放器，只是播放器本身，无论如何都会获得最高的z-index。页面的其余部分，只是视频播放器，现在覆盖所有书签的插入内容。

这似乎发生在IE10的每个版本中，甚至在Linux / Ubuntu上的Firefox上也是如此。我已经阅读了很多描述编辑YouTube嵌入代码以解决问题的解决方案。显然，当你使用YT本身而不是嵌入时，这不可能发生。（或者可以吗？）

如果有帮助，这里是书签代码。

    javascript:(function(){

    var d=document.createElement('div');
    d.setAttribute('id','mySite-url');
    d.innerHTML='https://www.mySite.com';
    d.style.display='none';
    document.body.appendChild(d);

    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','https://www.mySite.com/js/bookmarklet.js');
    document.body.appendChild(e);

    })();

Bookmarklet叠加内容与YouTube有z-index问题

0 个答案: