css - 随着内容的移动移动背景

Question

好的，我想让我的“指南针”移动，这样当屏幕变小时它就不会挡住文字。

http://www.mateuszrybinski.com/

重点不是让指南针越过文本。

[“我很想去旅行，但是...我没有钱。我没有时间。我不会说这种语言。你的借口是什么？”]

#main_box {
margin: auto;
background-color: #c95242;
overflow: auto;
padding-top: 50px;
padding-bottom: 70px;
background-image: url(http://www.mateuszrybinski.com/wp-content/uploads/2013/04/half.png);
background-repeat: no-repeat;

我该怎么做？最好的解决方案是，当文本接近时，指南针会下降。

Answer 1

如果您想自定义指南针图像的位置，我建议不要将其用作背景图像。相反，让它内联显示，这样您的文本就永远不会重叠，类似于您对肖像图像所做的。

话虽如此，我并不完全确定您希望图像显示在何处，这会严重影响布局的编码方式。