让IE6支持min-width和max-width的方法

正如君所想象的一样,同实现层的fixed一样,用的是expression语句。例如div#demo在:

IE6下最小宽度300px:

*html div#demo {
width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 300? "300px": "auto" );
}

*html div#demo {
width:expression(this.width > 300 ? "300" : true);
}

IE6下最大宽度500px:

*html div#demo {
expression((document.documentElement.clientWidth||document.body.clientWidth) > 500?"500px":"");
}

*html div#demo {
expression(this.width < 500 ? "500" : true);
}

IE6下最小宽度300px、最大宽度500px:

*html div#demo {
expression(this.scrollWidth > 500 ? "500px" : (this.scrollWidth < 300? "300px" : "auto"));
}

expression这种东西不建议轻易使用,比较消耗浏览器资源。另外也不建议都写在一个容器中,直接使用类似*html另起一个容器,以后无论查找还是维护都很方便。

JS方法:

这还是水脉烟香2010年写的一个js插件,让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性,托管谷歌的下载地址:minmax.js4.6 KB 直接下载js,然后调用即可:

<!--[if lt IE 7]>
	<script type="text/javascript" src="minmax.js"></script>
<![endif]-->
时间: 2024-10-11 23:09:17

让IE6支持min-width和max-width的方法的相关文章

ie6支持的png格式图片的实现方法。

在title 标题引用这段js文件即可 <!--[if lte IE 6]> <script type="text/javascript" src="js/PNG.js"></script> <script> PNG.fix('*'); </script> <![endif]--> PNG.js 文件: var PNG = { ns: 'PNG',    imgSize: {},       

IE6支持兼容min-width、max-width CSS样式属性

IE6支持兼容min-width.max-width CSS样式属性 让IE6支持max-width.IE6支持min-width样式 我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度,接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法.以下为CSS 宽度之IE6支持最小宽度.最大宽度解决技巧(你可能需要进一步详细了解CSS width知识). 目录 IE6支持max-width解决方法 I

style=&quot;width:100px&quot; 和width=100 异同

异: 1.width属性不是每个元素都支持的,一般就table和body支持. 2.style="width: 100px"是CSS样式. 2.1.CSS样式有多种方式设置,直接写成这个样子属于内联CSS,也可以把这个提出来单独放到<style>里 <html> <head>    <style>      .mydiv { width: 100px; }      div { background-color: #ddd; margin

CSS的width:100%和width:auto区别

CSS的width:100%和width:auto区别 一.   问题 前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和名称换行显示了,但是在IE8和IE9下则显示正常.定位到问题后,最终发现是下面的属性导致的,如下图红色所致,把width的值设置为auto后即可解决问题: .TreeView,.TreeView ul{ padding:0px 0px 0px  19px; list-style:none; marg

Math.min() Math.max() Math.min().apply() Math.max() .apply()该如何使用???

Math.min()和 Math.max()  语法: Math.min(x,y) Math.max(x,y) 虽然能取到最小值和最大值,但是不支持数组. 那么如何计算数组中的大小值呢????????????????????? Math.min().apply()  和   Math.max() .apply() 语法: Math.min.apply(obj,args); Math.max.apply(obj,args); 第一个参数obj对象将代替Function类里this对象,第二个参数是

让IE6支持position:fixed的方法,CSS expression与JavaScript eval讲解

做吸顶效果或是固定效果时,使用position:fixed无非是最方便的,可是万恶的IE6是没有fixed这个属性值的,而我们要使IE6能够像fixed一样固定在浏览器中的某个位置,使用onscroll改变top值是一个方法,但如果滚轮滚的快,会出现卡闪烁情况.而如高级浏览器如果也这样用,那显然有失大雅,除非JS中判断浏览器版本.但是在这里笔者要讲解的是使用CSS完成fixed效果. 千言万语不及实例一个: 以上是笔者在IETester下测试IE6的fixed,注意看滚动条.其中导航采用的是po

css中width:auto和width:100%的区别是什么

width的值一般是这样设置的: 1,width:50px://宽度设为50px 2,width:50%://宽度设为父类宽度的50% 3,还有一个值是auto(默认值),宽度是自动的,随着内容的增加而增加,随着浏览器的宽度而换行 width:auto和width:100%的区别: 一.width:auto 1.块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值. 2.内容的宽度='margin-left' + 'border-left-width' + 'padding-left'

使用DD_belatedPNG让IE6支持PNG透明图片

众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上,具有其它图形格式所达不到的效果,IE6这一致命缺陷极大地限制了Web设计的创意发挥.虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是e­xpression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性.而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题,并且支持

IE6支持PNG24图片背景透明

网上关于IE6支持PNG24图片背景透明的方法有数种,以下只列出其中两种个人认为比较实用的方法. 第一种:使用IE自身滤镜background:url(a.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="a.png" ,sizingMethod="crop"); 原理:其他浏览器调用PNG,IE6则先设背景没有(必