gpt4 book ai didi

html - 在ie11中隐藏滚动条和svg高度问题

转载 作者:行者123 更新时间:2023-11-28 08:01:04 25 4
gpt4 key购买 nike

我的网页页脚有 svg Logo ,它们在 firefox 和 chrome 中工作正常,但 ie11 显示 svg 的最大高度,而不考虑我在 css 中给 svg 的宽高比。

<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 调用它,设置参数等。它工作起来很奇怪,唯一显示为滚动条的是跟踪条(或全高滚动条)并且它随着滚动条并在到达底部时消失...它与页脚 svg 产生了冲突,向下滚动时什么也没有(空页脚)但是如果我调整窗口的大小,svg 就会出现,如果我向上滚动它们就像位置固定,移动上行...

我想知道一种自定义滚动条的好方法,如果可能的话跨浏览器,这样它就不会隐藏部分设计(右侧)。

我读了很多文章和教程,但大部分都是关于 div、元素等的……但我需要整个页面。这是一个没有滚动条的滚动示例(跨浏览器):http://jsfiddle.net/nCvMc/

为什么如果我将 overflow 隐藏到第一个 div insde body(类一)中,滚动条不会被隐藏?仅适用于正文和 html。

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

谢谢。

编辑:要解决 IE 中的 svg 高度问题,需要为 img 元素设置高度,而不是为 div 容器设置高度。

#intel img {
height: 60px;
{

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

最佳答案

这是一个在所有浏览器中隐藏滚动条并且仍然能够滚动的有效解决方案。只需向我们的页面添加两个额外的父 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;
}

关于html - 在ie11中隐藏滚动条和svg高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29758202/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com