我正在尝试在网页中包含大图像(地图)作为背景,并能够滚动查看当前视口之外的区域。我正在使用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>
...
预期:底部和右侧带有滚动条的边框,允许我滚动图像。 实际:底部和右侧带有边框,但没有滚动条。