再次声明,我是盲人瞎马地捣腾--
我在heal-tpl.htm文件的最后,加上:
<!-- 中间栏 -->
<div class="middle-t">
</div>
<div class="middle-b">
</div>
<div class="middle-s">
</div>
<!-- end 中间栏 -->
在common.css文件的最后,加上:
.middle-t {width:100%;height:241px;background:#57870d;}
.middle-b {width:100%;height:54px;background:#eaeaea;}
.middle-s {width:970px;height:91px;background:#eaeaea;margin:0 auto;margin-top:-91px;
border-radius: 55px 55px 30px 30px;
-webkit-box-shadow:0px -5px 5px #465e46;}
得到如下图所示效果。
其存在的问题是,绿色那部分241px,被顶部导航盖住了一部分。
需要说明的是,顶部导航栏我在此之前改成了fixed。
我的想法是先把这个样子弄出来,再搞调用的问题--那是我更没搞过的事。在绿色那块,我想搞个图片轮播,我也不知道怎么去弄。
希望有人能提供指导。
阅读全文
收起全文