没有合适的资源?快使用搜索试试~ 我知道了~
div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 64 浏览量
2022-11-26
19:03:30
上传
评论
收藏 437KB PDF 举报
温馨提示
试读
9页
...
资源推荐
资源详情
资源评论
div+css 兼容 ie6 ie7 ie8 ie9 和 FireFox Chrome 等浏览器方法
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和
width
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个 DIV 一样高 line-height:200px; 然后插入文
字,就垂直居中了。缺点是要控制内容不要换行
7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以
8.FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和
menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。
9.在 mozilla firefox 和 IE 中的 BOX 模型解释不一致导致相差 2px 解决方法:
div{margin:30px!important;margin:28px;}注意这两个 margin 的顺序一定不能写反,据阿捷的说法! important
这个属性 IE 不能识别,但别的浏览器可以识别。所以在 IE 下其实解释成这样: div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行,所以不可以只写 margin:XXpx! important;
11.ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值所以先定义 ul{margin:0;padding:0;}
就能解决大部分问题
注意事项:
1、float 的 div 一定要闭合。
例如:(其中 floatA、floatB 的属性已经设置为 float:left;)
<#div id=”floatA” ></#div>
<#div id=”floatB” ></#div>
<#div id=”NOTfloatC” ></#div>
这里的 NOTfloatC 并不希望继续平移,而是希望往下排。
这段代码在 IE 中毫无问题,问题出在 FF。原因是 NOTfloatC 并非 float 标签,必须将 float 标签闭合。
在
<#div class=”floatB”></#div>
<#div class=”NOTfloatC”></#div>
之间加上
<#div class=”clear”></#div>
这个 div 一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float 属性的 div 同级,之间不能存在
嵌套关系,否则会产生异常。
并且将 clear 这种样式定义为为如下即可:
.clear{
clear:both;
}
此外,为了让高度能自动适应,要在 wrapper 里面加上 overflow:hidden;
当包含 float 的 box 的时候,高度自动适应在 IE 下无效,这时候应该触发 IE 的 layout 私有属性(万恶的 IE 啊!)用
zoom:1;可以做到,这样就达到了兼容。
例如某一个 wrapper 如下定义:
资源评论
不吃鸳鸯锅
- 粉丝: 8253
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Windows系统下安装与配置Neo4j的步骤
- 基于matlab实现潮流计算和最优潮流计算的程序1,对毕业设计有一定用处.rar
- 基于大数据学习资源推荐系统的设计与实现(部署视频)-kaic.mp4
- 哈工大形式语言和自动机2022期末含答案
- Windows系统下安装与配置Neo4j的步骤
- 哈希算法(Hash Algorithm)是一种将任意长度的二进制数据映射为较短的、固定长度的二进制值的函数.txt
- Windows系统下安装与配置Neo4j的步骤
- 在二叉树或更复杂的树形结构中,先序输出叶结点.txt
- 列出所有祖先结点的概念通常与树形结构或图论中的节点相关.txt
- 基于matlab实现潮流计算程序,MATLAB潮流计算程序.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功