ydzf.net
当前位置:首页 >> CSS IE6/IE7关于hEight兼容 >>

CSS IE6/IE7关于hEight兼容

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important

设置CSS属性 overflow 为 hidden 然后再设置div高度这样就全部兼容了,一般最小高度为18

IE6的兼容是最差的,你用它的专用代码_height:6px;试下

这里需要用到只有IE能够识别的expression,实现方法请查看下边css代码:/* 最小高度 */.min_height{ min-height:200px; /* sets min-height for IE */ _height:expression(this.scrollHeight < 200 ? "200px" : "auto");}/* 最大高度 */.max_height{

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理 技巧并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,

ie6和ie7版本应该不存在兼容问题,唯一的可能是你的插件可能缺

建议以后做网页的时候先测试Firefox,然后是IE8,IE7,IE6 这样能保证大致兼容,然后有不兼容的地方可以使用CSSHACK,具体内容,可以百度,关键词:csshack

利用css hack实现,具体代码如下:最小宽度,最小宽度,最小宽度,最小宽度,最小宽度代码说明:1、min-width:220px;本身在ie7下是不起作用的(不兼容),通过display:inline-block;让其他非IE7浏览器实现min-width效果;2、但是ie7没实现display:inline-block(不兼容);3、引入css hack代码:*display:inline;,即可实现IE7min-width:220px.

LZ可能要实现的效果的正确写法{display:inline-block;*display:inline;*zoom:1;}display:inline-block ff2 IE6 IE7都不支持.*+html 仅IE7支持.*html IE6 IE7都支持!important 这个IE6不认识.另外,LZ没弄明白display:inline-block的意思;display:inline-block//将对象呈递为内联对象,但是对象的内容作为块对象呈递float表示浮动,这是两个概念

#div1 {min-height:100px; overflow:auto; border:1px solid red;} #div2{float:left; min-height:100px; width:200px; border:1px solid blue;} #div3{float:left; width:600px; border:1px solid green;} #div4{border:1px solid yellow;} #div5{min-height:100px;height:auto !important; height:100px;} <div id=

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com