在ie11中隐藏滚动条和SVG高度问题

Question

我在网页的页脚中有svg徽标，并且它们在Firefox和chrome中都可以正常工作，但是ie11正在显示svg的最大高度，而没有考虑我在css中给svg设置的witdh的纵横比。

<div id="footer">                   
    <div id="logos">
        <div id="intel">
            <img src="images/logos/intel.svg" max-width="">
        </div>
...

#intel {
    width: 110px;
    margin: 25px 0 0 100px;
}

div的位置是绝对的。 我不知道将svg放置在页脚中是否正确。 我唯一的问题是尝试使用滚动插件。 Varon：我只是将其包括在标题中，添加了css并从html中调用了它，设置了paramns等。它工作很奇怪，唯一显示为滚动条的是跟踪栏（或全高滚动条），并且随着滚动条到达底部时消失了……它与页脚svg产生了冲突，向下滚动时没有任何内容（空页脚），但是如果我调整窗口的大小，则svg只会出现，如果我向上滚动，它们就像固定的位置一样移动向上...

我想知道一种自定义滚动条的好方法，如果可能的话，可以跨浏览器，因此它不会隐藏设计的一部分（右侧）。

我读了很多文章和教程，但是大多数部分是用于div，元素等的，但是整个页面都需要。 这是一个无需滚动条即可滚动的示例（跨浏览器）： http : //jsfiddle.net/nCvMc/

为什么如果我将溢出隐藏到第一个div insde主体（类1）中，则滚动条没有隐藏？ 仅适用于body和html。

这是链接： http : //satspain.sytes.net/

谢谢。

编辑：要修复IE中的svg高度问题，需要为img元素而不是div容器设置高度。

#intel img {
    height: 60px;
{

我不知道是否最好删除容器并设置img的边距和大小（高度和宽度）...

Answer 1

这是一种在所有浏览器中隐藏滚动条并且仍然能够滚动的有效解决方案。 只需在我们的页面中添加两个额外的父div。

<body>
    <div class="one">
        <div class"two">
            web here (including header and footer)
        </div>
    </div>
</body>

解：

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    height: 100%;
    width: 100%;
}

.one {
    height: 100%;
    width: 1920px;
    overflow: hidden;
}

.two {
    position: relative;
    height: 100%;
    width: 1940px;
    overflow-y: scroll;
    overflow-x: hidden;
}

在ie11中隐藏滚动条和SVG高度问题

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-04-21 22:52:55

在ie11中隐藏滚动条和SVG高度问题

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-04-21 22:52:55

解决方案1
0 已采纳 2015-04-21 22:52:55