CSS对浏览器的兼容性性处理(IE7,6与Fireofx)
网站建设 2021-07-03 08:43www.dzhlxh.cn网站建设
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于浏览器的兼容性问题,请尽量用符合W3C标准格式写代码。而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名，并且需要写到页面的最上面。
input、br、img等为常用自闭合标签，需要加入“/”进行闭合，例如“<input />”；其他闭合标签需要进行闭合，例如“<div>....</div>”
一、CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*
input、br、img等为常用自闭合标签，需要加入“/”进行闭合，例如“<input />”；其他闭合标签需要进行闭合，例如“<div>....</div>”
一、CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*