`
liboxlu
  • 浏览: 63403 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ie6不支持max-width的解决方案

    博客分类:
  • css
阅读更多
由于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.
0
0
分享到:
评论

相关推荐

    详解在table设置max-width以及min-width兼容问题和解决方案

    在table中设置min-width和max-width属性 ...解决方案:在table外层包一个div,在div上设置min-width和max-width &lt;div class=table-wrap&gt; &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt; .table-wrap{width:5

    IE6支持max-width/height与min-width/height(完美解决方案)

    IE6支持最大宽度,IE6支持最小宽度以及让IE6支持min-width同时又支持max-width解决方案,代码很简洁功能很实用,有需求的朋友可以参考下哈,希望可以帮助到你

    IE 6不支持min-height或max-width等属性的完美解决方案

    请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!) 第一种方法:我们可以利用IE6不识别!important来...

    ul li内容宽度的问题的解决方案

    在IE6下只要我设置LI的宽度为auto,不论LI里面的内容多长,LI的宽度始终是100%,即UL的宽度(这里我已经写死了...设置max-width也没用。高手们,在IE系列浏览器中如何使LI的宽度真正的随着内容增长而增长呢?像FF那样。

    jQuery LigerUI V1.1.0

    [增加]增加表单提示气泡插件,结合表单验证使用,在demo中提供表单验证的一个解决方案 [优化]优化表单,每个表单插件(ligerTextBox、ligerSpinner等)可以通过属性ligerui自动加载参数,如ligerui="{width:200}" ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    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跨域交互即缓存处理方法...

    图库新版jQuery焦点图 JS代码

    //document.writeln ('&lt;dd&gt;06月21日 修复IE6下兼容问题&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;06月01日 懒人图库2012新版上线&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;05月26日 新增北方网通服务器&lt;/dd&gt;'); //document....

    PHP基础教程 是一个比较有价值的PHP新手教程!

    在PHP手册中提到:"PHP不支持(也不需要)直接在声明变量时定义变量类型;变量类型将根据其被应用的情况决定。如果你为变量var赋值为一个字符串,那么它变成了一个字符串。如果你又为它赋了整数值,那么它就变成了...

Global site tag (gtag.js) - Google Analytics