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

我不知道布局代码，但您是否考虑过更改指南针的颜色，以便在指南针图像上方时文本仍然清晰可见？例如，指南针可能是与红色背景颜色稍有不同的阴影。

Answer 2

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

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