如何修复CSS溢出属性上的scroll属性失败

时间:2019-05-13 16:54:09

标签: css

我正在尝试在网页中包含大图像(地图)作为背景,并能够滚动查看当前视口之外的区域。我正在使用CSS溢出属性及其scroll属性。 CSS“溢出”属性上的“滚动”属性失败。边框显示在浏览器窗口的右侧和底部,但没有滚动条。结果,不可能滚动HTML元素。所需的行为是功能滚动条。

我尝试切换CSS属性的顺序,但要了解最后一个规则。没有影响。尝试在不同的浏览器中查看,以查看它是否特定于浏览器。在Firefox,Chrome,Chromium和Safari中同样失败。 MDN文档指示这应该可行。

...

<style type="text/css">
html {
  background-image: url(art/GbMap.png);
  background-size: 2000px 2100px;
  overflow: scroll;
}
</style>

...

预期:底部和右侧带有滚动条的边框,允许我滚动图像。 实际:底部和右侧带有边框,但没有滚动条。

0 个答案:

没有答案