html5开发移动页面去掉点击出现的透明阴影----&&-----元素垂直居中

[摘要：做好的页里正在脚机端测试时，发明局部扫瞄器，tap后会涌现一个半通明的灰色配景，（被批...），起先认为是outline作祟，减上后发明出反映，末了发明是tap后的配景下明，要重设那个]

 

做好的页面在手机端测试时，发现部分浏览器，tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

在页面布局中，使父元素中的子元素水平垂直居中：

采用flexbox布局：

定义父元素: display: flex;

justify-content: center;

align-items: center;