现在位置 ＞首页 ＞ 居中banner
一种让超大banner图片不拉伸、全屏宽、居中显示的方法已关闭评论

一种让超大banner图片不拉伸、全屏宽、居中显示的方法

2016年10月21日 ⁄ Php ⁄ 被围观 11,841 次+
一种让超大banner图片不拉伸、全屏宽、居中显示的方法
2016年10月21日
现在很多网站的Banner图片都是全屏宽度的，这样的网站看起来显得很大气。这种Banner一般都是做一张很大的图片，然后在不同分辨率下都是显示图片的中间部分。实现方法如下： <html>      <head>          <title>Title</title>          <style>              .bannerbox {                  width:100%;                  position:relative;                  overflow:hidden;                  height:500px;              }              .banner {                  width:...
      , , 阅读全文

返回首页

Copyright © 2011-2017 moon's blog  保留所有权利.