内容移动时移动背景

时间:2013-04-29 18:46:23

标签: css background-image

好的,我想制作我的"指南针"移动所以当屏幕变小时它不会阻止文本。

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;

我该怎么办?最好的解决方案是,如果指南针在文本结束时下降。

2 个答案:

答案 0 :(得分:1)

我不知道布局代码,但您是否考虑改变指南针的颜色,以便在指南针图像上方时文本仍然清晰可辨?例如,指南针可能与红色背景颜色略有不同。

答案 1 :(得分:1)

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

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