ie6 img width:auto不起作用

时间:2013-07-23 07:04:31

标签: javascript html css internet-explorer internet-explorer-6

我有一个动态更改的图像元素,如果需要,可以动态调整大小以适合其容器。

我目前的流程是:

  1. 重置图片:

    // make sure the 'load' event is re-triggered
    img.src = "";
    // reset dimensions
    img.style.width = "auto";
    img.style.height = "auto";
    
  2. 设置新的源并等待它加载

    img.src = newImageSource;
    
  3. 在图片onload处理程序中,测试尺寸,如有必要,进行更改:

    img.style.width = newWidth + "px";
    
  4. 这种情况会在图像变化(无限)时重复出现。

    这适用于所有测试的浏览器(即7,8,9,10,FF,chrome)但是ie6设置宽度/高度为“auto”似乎将元素大小调整为大约25 x 25 px,而不管实际图像的尺寸如何

    因此;有没有办法将图像尺寸重置为相当于“自动”,以便随后加载的图像尺寸决定ie6的元素尺寸?

1 个答案:

答案 0 :(得分:1)

我相信你可以写

img.style.width = "";

将宽度设置为默认值auto。显然img.style.width = "auto";的工作方式不同。