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

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;