2013-04-29 192 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