溢出隐藏影响图像在突出主题中的位置如何？

这突出主题：http://themenectar.com/demo/salient-frostwave/溢出隐藏影响图像在突出主题中的位置如何？

的问题是非常简单的，但由于某些原因，我只是不明白的CSS规则相结合，使这件事情发生。当然还有其他方法可以做到这一点，但在这一点上，这让我疯狂，我无法弄清楚。

如果我从.video-wrap类中删除overflow：hidden，则滑块中的视频向下移动，同时如果溢出：隐藏存在，它将向上移动。

有什么让我惊讶的是溢出：隐藏属性完全可以影响元素的位置？

在此先感谢。希望这是一个简单的问题，我只是很愚蠢。

来源

2017-02-07 Viktor

哇，你让我很兴奋太:)

因此，答案是非常简单的。虽然网站似乎部分使用背景图片，但您在加载网站时看到的实际上只是视频元素，而不是img元素。因此，overflow：hidden只影响视频。我的猜测是该图像是某种后备。尝试删除该视频元素，看看你会得到什么？

你可以在这里看到视频：

http://43eb74ada891f0f09679-c04bb4ac5bb47a13c85d2a60607693e6.r18.cf2.rackcdn.com/compressed/mountains2_converted.webm?id=4365

来源

2017-02-07 23:30:10 Sandro

对不起，我说的是视频，而不是图像。当然，图像是手机的后备。但为什么和如何溢出影响视频元素的位置对我来说仍然是一个谜。基本上，如果我模仿这个视频元素的行为，我最终有一个动态位置顶部，因为如果我只是设置顶部位置静态为-100px例如，在较小的宽度屏幕上，因为我猜尺寸和比例改变，然后视频也去很多上涨或下跌，但在他们的例子中，它保持不变。他们没有动态的位置，而是它以某种方式完成溢出和位置... – Viktor

哦，这对我来说有点太复杂。我发现的所有内容都是溢出的：隐藏设置整个视频在视频转换元素中居中。没有溢出：隐藏它位于顶部，造成的影响。这是有道理的，但由于某种原因，我无法重现它... – Sandro

我明白了。无论如何感谢您的尝试=）。我有点放弃了，并且在动态位置顶端做到了。也许有一天有人会向我解释这个魔法。 – Viktor

溢出隐藏影响图像在突出主题中的位置如何？

回答

相关问题