我有一个网站,在我的一个页面中我使用了一个看起来像编辑器的 div。我可以在这个 div 和它上面的内容中有一个背景。当我在 div 中滚动时,我希望这个背景保持在固定位置。
我的代码是这样的:
<div id="myEditorArea" style="vertical-align: top; width: 240px; height: 320px; background-image: url('image.png'); background-repeat: no-repeat; background-position: center center; background-attachment:fixed; overflow:scroll; text-align: left;">
bla bla bla
</div>
当我在 div 内滚动时,背景保持固定并且工作正常。问题是当我滚动整个页面时它在移动。
有谁知道可能是什么问题?
提前致谢
最佳答案
这里是一个background-attachment: fixed;
的例子http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment .这应该是您所需要的。
关于css - 如何在 div 中设置固定背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6594560/