html - 溢出隐藏如何影响图像在显着主题中的位置?

标签 html css themes

这个突出的主题:http://themenectar.com/demo/salient-frostwave/

问题很简单,但出于某种原因,我无法理解是什么 css 规则组合导致了这件事发生。当然还有其他方法可以做到这一点,但在这一点上它让我发疯,我无法弄清楚。

如果我从 .video-wrap 类中删除 overflow:hidden, slider 中的视频会向下移动,同时如果存在 overflow:hidden,它会向上移动。

令我惊讶的是 overflow:hidden 属性如何影响元素的定位?

提前致谢。希望这是一个简单的问题,我只是太愚蠢了。

最佳答案

哇,你也让我很兴奋 :)

所以答案真的很简单。虽然该网站似乎部分使用了背景图像,但您在加载网站时看到的实际上只是视频元素,而不是 img 元素。因此溢出:隐藏只影响视频。我的猜测是图像是某种后备。尝试删除视频元素,看看会得到什么......

你可以在这里看到视频:

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

关于html - 溢出隐藏如何影响图像在显着主题中的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42097130/

相关文章:

javascript - 隐藏 <div> onload 并显示点击事件无法正常工作

html - 如何增加 twitter bootstrap 下拉菜单的宽度?

html - 通过 CSS 将 Javascript 添加到网站的每个页面?

javascript - Mootools:获取 css 属性

wpf - 尝试继承主题/风格并应用额外的触发器

html - 响应式全宽 Bootstrap 轮播,左侧为小图像,右侧为标题

html - 缩放与窗口宽度的变化

css - 由 zend form 创建的样式定义列表(必须在 IE7+ 中工作)

javascript - Material-UI - 如何更改深色主题的默认颜色?

jquery - My Yahoo/iGoogle 的动态即时主题