|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介:CSS对扫瞄器的兼容性偶然让人很头疼,也许当你懂得傍边的技能跟道理,就会以为也不是难事,从网上搜集了IE7,6与Fireofx的兼容性处置技能并收拾了一下。关于web2.0的过分,请只管用xhtml格局写代码,并且DOCTYPE影响CSS处置,作为W3C的尺度,必定要加DOCTYPE声明。
CSS对扫瞄器的兼容性偶然让人很头疼,也许当你懂得傍边的技能跟道理,就会以为也不是难事,从网上搜集了IE7,6与Fireofx的兼容性处置技能并收拾了一下。关于web2.0的过分,请只管用xhtml格局写代码,并且DOCTYPE影响CSS处置,作为W3C的尺度,必定要加DOCTYPE声明。
CSS技能
1.div的垂直居中成绩
vertical-align:middle;将行距增添到和全部DIV一样高line-height:200px;然后拔出笔墨,就垂直居中了。弱点是要把持内容不要换行
2.margin更加的成绩
设置为float的div在ie下设置的margin会更加。这是一个ie6都存在的bug。办理计划是在这个div内里加上display:inline;
比方:
<#divid=”imfloat”>
响应的css为
#imfloat{
float:left;
margin:5px;/*IE下了解为10px*/
display:inline;/*IE下再了解为5px*/}
3.浮动ie发生的双倍间隔
#box{float:left;width:100px;margin:000100px;//这类情形之下IE会发生200px的间隔display:inline;//使浮动疏忽}
这里细说一下block与inline两个元素:block元素的特性是,老是在新行上入手下手,高度,宽度,行高,边距都能够把持(块元素);Inline元素的特性是,和其他元素在统一行上,不成把持(内嵌元素);
#box{display:block;//能够为内嵌元素摹拟为块元素display:inline;//完成统一行分列的效果diplay:table;
4IE与宽度和高度的成绩
IE不认得min-这个界说,但实践上它把一般的width和height看成有min的情形来使。如许成绩就年夜了,假如只用宽度和高度,一般的扫瞄器里这两个值就不会变,假如只用min-width和min-height的话,IE上面基本即是没有设置宽度和高度。
好比要设置背景图片,这个宽度是对照主要的。要办理这个成绩,能够如许:
#box{width:80px;height:35px;}html>body#box{width:auto;height:auto;min-width:80px;min-height:35px;}
5.页面的最小宽度
min-width是个十分便利的CSS命令,它能够指定元素最小也不克不及小于某个宽度,如许就可以包管排版一向准确。但IE不认得这个,而它实践上把width当作最小宽度来使。为了让这一命令在IE上也能用,能够把一个
放到标签下,然后为div指定一个类,然后CSS如许计划:
#container{min-width:600px;width:expression(document.body.clientWidth<600?"600px":"auto");}
第一个min-width是一般的;但第2行的width利用了Javascript,这只要IE才认得,这也会让你的HTML文档不太正轨。它实践上经由过程Javascript的判别来完成最小宽度。
出处:web前端北风
义务编纂:bluehearts
</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 |
|