css - ie8 不会改变显示 div 的边距

Question

所以，我很乐意忽略 ie8，但在这种情况下，完成的应用程序将分发到仅运行 ie8 的笔记本电脑上。我希望有人能提供帮助，因为我已经用完了自己解决的知识。

对于此站点，当您单击页面侧面的“选项卡”时，屏幕左侧会出现一个“托盘”。并且“选项卡”应该向右移动“托盘”的深度。我所拥有的在所有 webkit 浏览器中都运行良好，但在 ie8 中却不行。这是代码。感谢您的任何投入，我的 self 教育还处于早期阶段。

button2 是存放 image2 的 div。 thumbnails2 是“托盘”

        <script>
    function showThumbnails2() {
        document.getElementById('thumbnails2').style.display = "block";
        document.getElementById('button2').onclick = hideThumbnails2;
        document.getElementById('image2').style["margin-left"] = "149px";
    }
    function hideThumbnails2() {
        document.getElementById('thumbnails2').style.display = "none";
        document.getElementById('button2').onclick = showThumbnails2;
        document.getElementById('image2').style["margin-left"] = "0px";
    }
    </script>

还有一些来自文档正文...

    <a onclick="showThumbnails2()" href="#" id="button2"><img src="images/PullButtonleft.png" alt="Click for Topics" width="20" height="100" style="clear:both;display:block; position:absolute; margin-top:334px; left:0px;" id="image2"></a>

    <a onclick="showThumbnails2()" href="#" id="button2"><img src="images/PullButtonleft.png" alt="Click for Topics" width="20" height="100" style="clear:both;display:block; position:absolute; margin-top:334px; left:0px;" id="image2"></a>

stackoverflow 在帮助我走到这一步方面提供了无价的帮助，我希望我已经正确地询问并格式化了它，再次感谢。

Answer 1

与其更改 margin-left 属性，不如尝试使用 left: 150px，因为您使用的是绝对定位？我无法访问 Windows 计算机，因此无法测试您的 margin-left 问题，但更改 left 属性应该可以。

document.getElementById('image2').style.left = "149px";