ie8不会改变显示div的余量

时间:2013-01-13 22:14:37

标签: css internet-explorer-8

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

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

button2是div保持image2。 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在帮助我实现这一目标方面非常宝贵,我希望我能够正确地提出并格式化,再次感谢。

1 个答案:

答案 0 :(得分:0)

为什么不尝试使用margin-left而不是更改left: 150px属性,因为您使用的是绝对定位?我无法访问Windows计算机,因此无法测试您的margin-left问题,但更改left属性应该有效。

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