css 元素全屏显示（模态框）

as_jopo

已于 2022-05-09 12:59:43 修改

阅读量1k

点赞数

文章标签： css定位模态框全屏显示

于 2022-05-09 09:23:57 首次发布

本文链接：https://blog.csdn.net/AS_JOPO/article/details/124659121

版权

场景：需要页面中的元素铺满整个屏幕实现模态框的功能

方案：使用position定位，但是要注意消除掉该元素其它样式设置的元素变换属性带来的影响。

.my-class{
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;

    position: fixed !important;
    top:0 !important;
    bottom: 0 !important;
    left: 0  !important;
    right: 0  !important;
}