由于ie6不支持max-width属性,所以只有通过js来实现
第一种是利用css中的expression来实现例如
_width: expression(this.offsetWidth > 500 ? "500px" : this.offsetWidth + "px");
可是这种方法很有可能造成浏览器的崩溃,很耗资源,而且会出现不可预料的错误
第二种就是在js函数中调用:
比如如果我们要动态显示某张图片,并给图片设定最大宽度,当图像加载完后我们可以对图像的宽度进行动态判断,如果大于最大宽度则设置最大值,否则取原有值
function resizeImg(img){
var image=new Image();
image.src = img.src;
if(image.width > 500 || image.width <= 0)
img.style.width = 500 + "px";
else
img.style.width = image.width + "px";
}
貌似ie对img.width支持不是很好,返回值一直为0.而借助中间对象,可以解决该问题,而firFox绝对没有这个问题。另外为以防万一,我们设定如果图片width真返回为0时,图片宽也为500.
分享到:
相关推荐
在table中设置min-width和max-width属性 ...解决方案:在table外层包一个div,在div上设置min-width和max-width <div class=table-wrap> <tr><td>1</td><td>2</td></tr> .table-wrap{width:5
IE6支持最大宽度,IE6支持最小宽度以及让IE6支持min-width同时又支持max-width解决方案,代码很简洁功能很实用,有需求的朋友可以参考下哈,希望可以帮助到你
请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!) 第一种方法:我们可以利用IE6不识别!important来...
在IE6下只要我设置LI的宽度为auto,不论LI里面的内容多长,LI的宽度始终是100%,即UL的宽度(这里我已经写死了...设置max-width也没用。高手们,在IE系列浏览器中如何使LI的宽度真正的随着内容增长而增长呢?像FF那样。
[增加]增加表单提示气泡插件,结合表单验证使用,在demo中提供表单验证的一个解决方案 [优化]优化表单,每个表单插件(ligerTextBox、ligerSpinner等)可以通过属性ligerui自动加载参数,如ligerui="{width:200}" ...
1.2.4 Android移动Web项目开发的三种解决方案:Native, Web和Hybrid优缺陷分析 4 1.2.5国内外应用现状 6 1.2.6 研究现状总结 7 1.3研究目标与内容 7 1.3.1多窗口浏览器模式的实现机制 7 1.3.2跨域交互即缓存处理方法...
//document.writeln ('<dd>06月21日 修复IE6下兼容问题</dd>'); //document.writeln ('<dd>06月01日 懒人图库2012新版上线</dd>'); //document.writeln ('<dd>05月26日 新增北方网通服务器</dd>'); //document....
在PHP手册中提到:"PHP不支持(也不需要)直接在声明变量时定义变量类型;变量类型将根据其被应用的情况决定。如果你为变量var赋值为一个字符串,那么它变成了一个字符串。如果你又为它赋了整数值,那么它就变成了...