好的,我想制作我的"指南针"移动所以当屏幕变小时它不会阻止文本。
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;
我该怎么办?最好的解决方案是,如果指南针在文本结束时下降。
答案 0 :(得分:1)
我不知道布局代码,但您是否考虑改变指南针的颜色,以便在指南针图像上方时文本仍然清晰可辨?例如,指南针可能与红色背景颜色略有不同。
答案 1 :(得分:1)
如果您想自定义指南针图像的位置,我建议不要将其用作背景图像。相反,让它显示为内联,以便您的文字永远不会重叠,类似于您对肖像图像所做的。
话虽如此,我并不完全确定您希望图像显示在哪里,这会严重影响布局的编码方式。