Html 如何显示大于实际div大小的背景图像?

Html 如何显示大于实际div大小的背景图像?,html,css,image,Html,Css,Image,我想显示大于实际div大小的图像,并在div内滚动它 图像应位于div后面,并且部分图像被隐藏 要查看所有图像,我应该滚动它 #包装纸{ 边框:1px纯黑; 宽度:80px; 高度;80px; 利润率:10px; z指数:4; } img{ 边框:1px纯红; 显示:内联块; } 非常感谢。添加溢出:滚动到您的div。这将允许用户滚动div内部以查看背景。显示div后面的图像。。。尝试使用z-index属性…并在css中添加一个滚动条 类似于 your_css { z-index:2; o

我想显示大于实际div大小的图像,并在div内滚动它

图像应位于div后面,并且部分图像被隐藏

要查看所有图像,我应该滚动它


#包装纸{
边框:1px纯黑;
宽度:80px;
高度;80px;
利润率:10px;
z指数:4;
}
img{
边框:1px纯红;
显示:内联块;
}

非常感谢。

添加
溢出:滚动到您的div。这将允许用户滚动div内部以查看背景。

显示div后面的图像。。。尝试使用z-index属性…并在css中添加一个滚动条

类似于

your_css {
z-index:2;
overflow:scroll;
}

可能有帮助…

您可以添加
溢出:自动
#包装器
div。 这样,滚动条将仅在需要时显示


您可以添加
溢出:隐藏如果您根本不想显示滚动条


JSFiddle:

将其添加到样式规则中,而不是div:)是否有可能获得相同的Resalt并隐藏滚动条?@Ken AbdiasSoftware Yea,Yea,Yea:)我知道我的意思hah@user1954217我不确定用户如何知道在没有滚动条的情况下滚动。用户不应该知道我制作了一个游戏,代码也会这样做。非用户非手动
your_css {
z-index:2;
overflow:scroll;
}