css – 嵌入式视频创建位置错误:固定顶部标题

前端之家收集整理的这篇文章主要介绍了css – 嵌入式视频创建位置错误:固定顶部标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面顶部有一个菜单元素
position:fixed;
z-index:1000;

它通常停留在页面的顶部,没有任何抱怨.但是,每当我在页面中有一个youtube嵌入式视频(当时也必须播放)时,固定菜单会出现各种故障并跳转.这是一个常见的问题,嵌入式视频干扰位置:固定元素?问题出在Chrome浏览器,Safari,但奇怪的是,不是在Firefox中.

这个控制台错误与它有什么关系吗?
不安全的JavaScript尝试使用URL ww.youtube来访问具有URL ww.youtube的框架…域,协议和端口必须匹配.

我知道这个描述不是很详细,所以这里是网址:Chronicle Video Section.我正在上高中的学校报纸网站,我对这一个问题感到难过 – 以前从未见过.在视频播放时尝试上下滚动.谢谢你的帮助.

iframe所在的div是:

<div class="entry-content">
    <p>
        <iframe... />
    </p>
</div>

如果它有帮助,我如何设置它是当前拉出wordpress帖子内容的入口内容,这只是youtube网址,wordpress将网址转换为嵌入到该div中.

解决方法

这不是YouTube错误.这是与重新绘制固定位置项相关的webkit错误.我建议用webkit归档bug.
http://www.webkit.org/quality/reporting.html

如果你现在想要一个解决方法,我建议你听一下窗口滚动事件并改变菜单的样式(宽度,高度或位置)来强制重绘.

原文链接:https://www.f2er.com/css/214721.html

猜你在找的CSS相关文章