css弹窗居中显示图片,css弹窗屏幕居中_Destooncss_网页特效__Destoon开发教程_Destoon模板开发网...

话不多说，直接上代码

position:fixed;

top:50%;

left:50%;

transform:translateX(-50%) translateY(-50%);

-ms-transform::translateX(-50%) translateY(-50%);

-moz-transform::translateX(-50%) translateY(-50%);

-webkit-transform::translateX(-50%) translateY(-50%);

-o-transform::translateX(-50%) translateY(-50%);

注意：

用top:50% left:50%定位后元素的左上角会处于页面中间。

transform:translateX(-50%) translateY(-50%)是CSS3的新写法，让元素相对于他自身的宽高反向移动。配合上面的代码就能实现居中定位，而且适用于不确定宽高的元素，但是在低版本IE不兼容。