四列，悬停时全屏覆盖？

Question

我正在尝试创建一种情况，我有4列分割整个视图。我想实现当列悬停在列时发生的悬停效果。

我希望每个列背景略微向上扩展，但仅限于其分配的25％（宽度）和100％（高度）区域，但是有一个与该列相关的单词在整个屏幕上垂直居中显示说宽度为90％，半透明覆盖颜色。这不必受背景受限制的25％，100％规则的影响。

我已经尝试过并尝试过，但是无法理解我的生活。

Answer 1

我不会为你编写代码，但我建议你使用JavaScript。

你可以拥有隐藏的元素（对于居中文本，具有你所描述的属性），这些元素绝对定位，一旦你盘旋在相关列上，它就会变得可见。这就是为什么你需要使用JavaScript，在每个列上都有一个事件监听器，并在悬停时显示相关的居中文本。