建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > div+css > 页面中让CSS层居最顶部

页面中让CSS层居最顶部

时间:2015-03-06 14:49:31  来源:免费模板网 作者:风雪 阅读次数 tagscss技巧

层居顶部在很多浏览器中都不兼容。我之前遇到过一个问题,导航放在FLASH上。并且要透明显示。我那时想如果底部是张图片就好办多了。但是客户的想法实在是让我感觉不可思议。必须得找到合理的解决办法。在美工的帮助下我找到了方法。下面把代码给大家分享。

  div2是div1的子对象。若想让子对象适应父对象的高度,首先就要获取父对象的高,才对去适应它。

  div2是层又叠在父对象div1之上的,我们要明确他们的层叠关系。

  好了,有了上面的基本思路,下面我们动手编码:



结合这个实例你可以很快的找到方法,DIV2这个层最里面要用position:absolute;div1在最外面要用 position:relative;这两个样式是互补的,一定要这样子排,才会兼容所有的IE浏览器。

本文地址:https://www.freemoban.com/bjrm/2015/0306/855.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!