Html 设置CSS悬停和模糊效果后无法定位内容

带有类的登录页：showcase设置了模糊后效果，效果非常好。 设置三个样式按钮，2个指向图库的未来链接和1个mailto按钮

在这之后，我似乎无法以任何方式定位内容。 在响应视图中相同，无法左右移动和向下移动页脚

非常感谢您的帮助。 谢谢

正文{
背景色：#00091A；
保证金：0；
背景重复：无重复；
背景尺寸：封面；
}
html{
颜色：白色；
字体系列：警告，草书；
}
.title、.text{
颜色：白色；
文本阴影：1PX2PX2PX#B36C52；
}
.showcase：：之后{
内容：''；
高度：100vh；
宽度：100%；
背景图片：url（Pics/showcase.jpg）；
背景尺寸：封面；
背景重复：无重复；
背景位置：中心；
显示：块；
过滤器：模糊（10px）；
-webkit过滤器：模糊（10px）；
过渡：所有1000ms；
}
.showcase:悬停：：之后{
过滤器：模糊（0px）；
-webkit过滤器：模糊（0px）；
}
.showcase:hover.content{
过滤器：模糊（3px）；
-webkit过滤器：模糊（3px）；
}
.内容{
位置：绝对位置；
z指数：1；
最高：15%；
左：35%；
文本对齐：居中；
过渡：所有1000ms；
}
.内容.标志{
高度：180像素；
宽度：180px；
}
.内容.标题{
字体大小：1.5rem；
保证金上限：0.8雷姆；
}
.content.text{
线高：1.5；
保证金上限：0.8雷姆；
}
.按钮{
字号：18px；
颜色：白色；
宽度：160px；
高度：100px；
文本对齐：居中；
填充：2px；
左：30%；
边界半径：50%；
字体系列：警告，无衬线；
背景：#CE5937；
背景：-莫兹径向梯度（中心，#004D59 10%，#001C21 50%，#000D0F 100%）；
背景：-webkit径向梯度（中心，#004D59 10%，#001C21 50%，#000D0F 100%）；
背景：径向梯度（中心椭圆，#004D59 10%，#001C21 50%，#000D0F 100%）；
}
页脚{
位置：绝对位置；
左：0；
底部：0；
高度：100px；
宽度：100%；
溢出：隐藏；
}

丹佛纹身
欢迎来到丹佛的纹身
在这里，您将看到Danver迄今为止所做的一些工作。

计划纹身？你已经知道你要纹身什么了吗？

不确定要买什么或它是如何工作的？联系免费咨询。
关于我
SjkkCVBSJBVSJBVSJ

丹佛纹身©；2020

联系我，电话：zuperblack00@gmail.com

我不明白问题出在哪里？请您再解释一下好吗？很抱歉。我无法以任何方式将about和footer元素居中。它们只是卡在一个地方。无法确定是什么命令覆盖/限制任何定位到这样的级别？好的，可能是

的
：after
之后ase

元素造成了问题。还有一个图像（'pics/showcase.jpg'）在你的css中。那张图片是什么？它重要吗？我们真的需要

：after

吗？我明白了。1.有没有一种方法可以在不删除属性或全部内容的情况下覆盖该问题：after？2.图片是登录页的背景封面：当鼠标光标悬停在页面屏幕徽标外时，三个样式的onclick按钮和小文本将完全消失可见和封面照片模糊。当鼠标光标悬停在页面屏幕内时，其方向相反。因此，是的，双向模糊效果是登录页的整个概念。谢谢你，或者也许我应该将页眉中的“左右”和“页脚”与其他元素一起向上推，因为在受影响的屏幕外的任何内容似乎都变得不可移动？i c您不明白问题是什么？请您再解释一下好吗？很抱歉。我无法以任何方式将about和footer元素居中。它们只是卡在一个位置。无法确定是什么命令覆盖/限制任何定位到这样的级别？好的，可能是

的
之后的
。showcase
元素。还有一个图像（'pics/showcase.jpg'）在你的css中。那张图片是什么？它重要吗？我们真的需要
：after
吗？我明白了。1.有没有一种方法可以在不删除属性或全部内容的情况下覆盖该问题：after？2.图片是登录页的背景封面：当鼠标光标悬停在页面屏幕徽标外时，三个样式的onclick按钮和小文本将完全消失可见和封面照片模糊。当鼠标光标悬停在页面屏幕内时，其方向相反。因此，是的，双向模糊效果是登录页的整个概念。谢谢你，或者我应该将页眉中的左右和页脚与其余元素一起向上推，因为在受影响的屏幕外的任何东西似乎都变得不可移动？