当前位置:  编程技术>WEB前端

让IE6支持min-width最小宽度

    来源: 互联网  发布时间:2014-09-06

    本文导语:  可浏览器使用率占最高的ie6偏偏不支持,虽然后来出场的ie7已经开始支持此属性。不过就用户体验的角度来说多浏览器支持也是很重要的,更何况就目前来说ie6的占有率还是最高的。 特别是在流动布局的使用下,特别会用到min...

可浏览器使用率占最高的ie6偏偏不支持,虽然后来出场的ie7已经开始支持此属性。不过就用户体验的角度来说多浏览器支持也是很重要的,更何况就目前来说ie6的占有率还是最高的。
特别是在流动布局的使用下,特别会用到min-width、min-height、max-width、max-height这些属性,以下是一种非常方便就可以实现在ie6显示min-width、min-height、max-width、max-height同等效果的方法,在此与大家一同分享。
闲话少说,上源码:
触发并利用IE6-layout的怪异特性,css实现:

代码如下:


.ie6-out{
_margin-left:900px;
_zoom:1;
}
.ie6-in{
_position:relative;
_float:left;
_margin-left:-900px;
}
#min-width{
min-width:900px;
background:#ccc;
line-height:200px;
_zoom:1;
}



ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮“查看宽度”。




css实现演示:
CSS实现最小宽度 body{ text-align:center;} .ie6-out{ _margin-left:900px; _zoom:1; } .ie6-in{ _position:relative; _float:left; _margin-left:-900px; } #min-width{ min-width:900px; background:#ccc; line-height:200px; _zoom:1; }
ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮"查看宽度"。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

扩展演示:
CSS实现最小宽度 body{ text-align:center;} .ie6-out{ _margin-left:900px; _zoom:1; } .ie6-in{ _position:relative; _float:left; _margin-left:-900px; background:#f00; line-height:200px; } #min-width{ min-width:900px; background:#ccc; _zoom:1; }
aa
aa
ie6-下,容器实现模拟min-width效果。请任意改变浏览器窗口大小,再点击按钮"查看宽度"。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

CSS Expression
——相信许多人在用这个方法实现容器最小宽度时都时常会被莫名其妙的死机所困扰,最后往往无果而终。
这里特别需要指出的是两点:
1. IE6-的标准模式下和quirk模式下代表视口的元素是不一样的,前者为,后者则为;
2. IE6-在以上两种不同的模式下,其对包含内容溢出时的不同表现形式,从而导致了赋值判断上的死循环。解释起来有些啰嗦,自己实践一下吧。
CSS Expression实现最小宽度源码:
代码如下:


body{ text-align:center;}
#min-width{
min-width:900px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • IE6对XML的支持比较好,但不支持JAVA……
  • IE6还支持applet 吗!!
  • IE6.0 是否支持java2 ?
  • 初学者问题:IE6还支持JAVA虚拟机吗?
  • 小问题一个:ie6是否支持java2,先答先得(当然得答对)!
  • 请问IE6怎么不支持JAVA(想知道详细一点)?(对JAVA不熟想了解以下)
  • IE6支持position:fixed完美解决方法
  • ie6,ie7,ie8完美支持position:fixed的终极解决方案
  • 微软不支持java了(也就是IE6.0不显示applet了)怎么办?
  • 当XP和IE6.0不再支持java,java程序员该如何做?
  • jsp 文件上传浏览,支持ie6,ie7,ie8
  • 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
  • IE6,IE7和firefox对DIV的支持区别
  • 区分IE6,IE7,firefox的CSS hack
  • 解决IE6 3像素Bug的css写法
  • 怎样让 IE6 自动识别文字的编码?
  • css ie6 ie7 ff的CSS hack使用技巧
  • Bootstrap 的 IE6 兼容扩展 Bsie
  • ie6 注释引起的问题
  • 在servlet里面用xml和xslt合成html文件,在ie5里面能正常显示,ie6里面不能正常显示!
  • IE6网页神奇BUG
  • 在Win2000Server上安装IE6,会不会对编Java有影响???
  • 我的applet为什么只能在netscape下显示出来,IE6就显示不出来??
  • jquery fancybox ie6不显示关闭按钮的解决办法
  • IE6不能正常解析CSS文件问题的解决方法及原因分析
  • Jquery实现侧边栏跟随滚动条固定(兼容IE6)
  • Tomcat + win2000 + IE6.0 修改JSP,关于页面显示不刷新的问题。
  • 一个request.getParameter。。。。不同结果。关于JB和IE6的问题
  • 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
  • 为什么JSP在JB6.0中显示正常(中文可以显示),但在IE6.0中无法正常显示(中文全为乱码)???
  • 特牛的FF/IE6/IE7专用CSS HACK


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3