搜技巧 | 只提供最简单有效的方法与技巧

分享简单实用的方法与技巧
当前位置:搜技巧 > 网站开发 >


JS弹出页面背景图全屏自适应居中技巧

  点击“我要留言”,然后弹出一个留言页面,可是这个留言页面的背景图怎么加,怎么让背景图全屏自适应居中?

  案例展示:http://www.merrystone.cn/Mobile/index/liuyan.html

JS弹出页面背景图全屏自适应居中

  1.找到CSS中弹出框的开始代码位置,加入背景图片代码:

  background: url(../images/ico.jpg);

  2.在CSS代码中继续加入以下全屏代码:

  background-repeat: round;

  width:100%;

  height:100%;

  3.修改好的代码具体如下图所示:

背景图全屏自适应居中代码

  4.将修改好的代码上传服务器覆盖原来的即可实现

  那么实现了这个弹出页面的背景图自适应后,如何使页面中的输入框能正常输入内容呢?

  这里还是利用到 link 代码来实现,具体的参考:

  专题页面上有多个按钮,要怎么做链接

  添加内容后,怎样提交到数据库呢并显示在页面上呢,具体的参考:

  ThinkPHP留言本&把数据调用到前台显示

分享:
跋山涉水找红包 扫码省钱 不如扫码省点钱