diff --git a/css/index.css b/css/index.css index 0a62481..9b7299f 100755 --- a/css/index.css +++ b/css/index.css @@ -1251,15 +1251,33 @@ header{ /*底部_______________________________________________*/ .footer-nav{ - width: 1270px; + max-width: 1270px; height: 130px; margin: 0 auto; - background: url("../img/footer-bg.png") no-repeat center bottom; - display: flex; + background: url("../img/footer-bg-1.png") repeat-x center bottom; + display: inline-flex; + position: relative; +} +.footer-nav:before,.footer-nav:after{ + content: ''; + position: absolute; + top:0; + width: 100px; + height: 130px; +} +.footer-nav:before{ + left: -100px; + background: url("../img/footer-bg-2.png") no-repeat center bottom; +} +.footer-nav:after{ + right: -100px; + background: url("../img/footer-bg-3.png") no-repeat center bottom; } .footer-nav li{ - flex: 1; - width: 76px; + /*flex: 1;*/ + float: left; + min-width: 200px; + max-width: 300px; height: 130px; padding-top: 86px; cursor: pointer; diff --git a/img/footer-bg-1.png b/img/footer-bg-1.png new file mode 100644 index 0000000..0aa59a2 --- /dev/null +++ b/img/footer-bg-1.png diff --git a/img/footer-bg-2.png b/img/footer-bg-2.png new file mode 100644 index 0000000..69b9302 --- /dev/null +++ b/img/footer-bg-2.png diff --git a/img/footer-bg-3.png b/img/footer-bg-3.png new file mode 100644 index 0000000..7ba35c1 --- /dev/null +++ b/img/footer-bg-3.png diff --git a/js/index.js b/js/index.js index 67bcaa6..9c7686f 100644 --- a/js/index.js +++ b/js/index.js @@ -51,8 +51,9 @@ var fun={ var imgList=''; var sysOpList=sessionStorage.getItem("sysOpProjectDTOList"); if(sysOpList=='' ||sysOpList==null ||sysOpList==undefined){ - menuList='