兼容FIREFOX下背景层的自适应高度-浏览器兼容教程
来源:互联网 发布:python 自学 编辑:程序博客网 时间:2024/06/05 04:52
在FF下DIV层里包含的是DIV层,而不是内容文字的话,背景图是不会自动适应高度的,无忧布局的时候用到了背景自适应高度,就顺手发来,与大家一起分享.
收集整理了三种解决方法.
首先我们定义三个层.
<div id="container">
<div id="main" /></div>
<div id="sidebar" /></div>
</div>
第一种:
设定CSS
#container { display:table}
container作为最外层,在IE下背景图可以自适应,但在FF下只有main层与sidebar层可以.
只需定义#container { display:table}就可以了,原理是和以前的表格布局是一样的.
只是这样的话会出现float层出错,不推荐使用.
第二种:
设定CSS
#container{height:100% }
#main{height:100% }
#sidebar{height:100% }
这样就兼容了IE ,FF,比起display:table;的方法好些。display:table;会导致一些布局出错。
第三种:
设定CSS
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
:after(伪对象)--设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie 浏览器支持,所以并不影响到IE/WIN浏览器。
无忧现在使用的就是这种方法.
- 兼容FIREFOX下背景层的自适应高度-浏览器兼容教程
- 整理三种解决兼容FIREFOX下背景层的自适应高度
- FIREFOX下背景层的自适应高度
- 【开发过程问题汇总系列】【iframe自适应高度】兼容 FireFox和IE内核的浏览器
- 背景自适应,全浏览器兼容
- IE与Firefox的CSS兼容大全-浏览器兼容教程
- 兼容FireFox和IE的iframe自适应高度js函数
- 兼容在不同浏览器不同分辨率下DIV高度自适应
- 兼容主流浏览器的 iframe 自适应高度(很实用)
- 解决iframe高度自适应的问题,兼容各浏览器
- iframe显示高度自适应兼容多浏览器
- iframe 自适应高度,兼容各浏览器
- iframe高度自适应及多浏览器兼容
- iframe高度宽度自适应兼容所有浏览器
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iPhone开发常用代码
- mfc界面包装类 ——多线程时成员函数调用的断言失败
- 让EXE导出函数
- 界面布局动态调整
- 必须知道的设计模式
- 兼容FIREFOX下背景层的自适应高度-浏览器兼容教程
- No curses/termcap library found
- 关于图片在窗体显示后,无法更新或删除的问题
- 文字中间加横线,过滤字符串中tag
- Posix线程编程指南(1)
- QVariant 的使用 自定义类
- tomcat编码
- 简单模板
- win2003用户迁移