gpt4 book ai didi

html - iFrame 问题和溢出 :hidden in IE11

转载 作者:太空宇宙 更新时间:2023-11-04 10:16:40 31 4
gpt4 key购买 nike

我遇到了一个显然只存在于 IE 11 中的问题。这是针对内部网页的。相关代码如下。

<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<title>Result</title>
</head>
<body>
<div id="chatcontent">
<iframe class="noscrolling" src="intranetsharepoint" target="_blank" scrolling="no"></iframe>
</div>
</body>
</html>

样式表.css

body {
background-color: #F0F8FF;
}
#chatcontent{
width:20%;
margin: auto;
}
.noscrolling{
height: 50px;
width: 120px;
overflow: hidden;
border: 0;
overflow-x: hidden;
overflow-y: hidden;
}
iframe{
overflow-x: hidden;
}

我一直在用头撞墙试图找出为什么在所有其他浏览器中,滚动条会自行禁用,但在 IE 11 中,它们拒绝在 iFrame 元素中关闭.将 overflow: hidden 放在正文中时效果很好,无法在任何地方滚动,只是在 iFrame 中似乎不起作用。我已经尝试了 overflow:hidden 的所有变体,scrolling=no,通过 !DOCTYPE 声明强制 html 4,与旧版本的 IE 兼容,但似乎没有任何效果。在这一点上的任何建议都是天赐之物。我看到一段代码可以用 JS 制作一个 iFrame,但我对这门语言的了解还不够多,无法将它与我已有的东西放在一起。任何帮助将不胜感激。它在 Chrome 和 FF 中按预期工作。

最佳答案

在 IFRAME 的 SRC 中添加一个 URL 使滚动条在 IE11 中消失(已测试)。

关于html - iFrame 问题和溢出 :hidden in IE11,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37198617/

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