2013-04-29 147 views
0

好吧,我想让我的“指南针”移动,以便在屏幕变小时不会遮挡文本。随着内容移动,移动背景

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; 

我该怎么办?最好的解决方案是,如果指南针随着文本关闭而关闭。

回答

1

如果你想自定义指南针图像的位置,我建议不要将它作为背景图像应用。相反,请将其显示为内联,这样您的文字就不会重叠,这与您对肖像图像所做的相似。这就是说,我不完全确定你希望你的图像出现在哪里,并严重影响了如何编码布局。

+0

如果指南针随着文字靠拢而向下移动,我很乐意。有点像指南针是人头,有人向该人扔苹果。当苹果靠近人靠码头时,苹果就错过了头。 – user2333038 2013-04-29 20:23:43

1

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

+0

我想限制我在网站上使用的颜色数量。我喜欢这种极端主义的感觉,我希望读者只关注内心的感受,而更少的失败会使这一目标无法实现。 – user2333038 2013-04-29 20:29:13