Css 知识点

weixin_33981932

于 2014-04-25 11:35:00 发布

阅读量56

点赞数

本文详细介绍了如何通过调整CSS背景位置、阴影图片与padding-bottom的结合使用，以及z-index的调整来优化网页布局和视觉效果。从背景定位、阴影元素的呈现到层叠顺序的控制，提供了一系列实用的技巧，帮助开发者实现更优雅、响应式的网页设计。

加之前：

background: url("../images/nav-bg.png") repeat-y scroll top left #e3e5e7;
 background-position: initial initial;
 background-repeat: initial;

加之后：

background: url("../images/nav-bg.png") repeat-y scroll top left #e3e5e7;

background-position: initial initial;

background-repeat: initial initial;

2：阴影图片(结合background和padding-bottom)

加之前：

background: url("../images/shadow-bottom.png") repeat-x scroll bottom left transparent;
position: relative;
z-index: 0;

加之后：

background: url("../images/shadow-bottom.png") repeat-x scroll bottom left transparent;
position: relative;
z-index: 0;
padding-bottom: 14px;

2：z-index(dom层叠)

加之前：

z-index: 30;

加之后：

z-index: 0;