背景大小：水平滚动页面中的封面和文本

Question

我试图创建一个非常简单的HTML页面，其中水平滚动条左侧只包含一张大图片（background-size:cover），而封面右侧只有一列文字。< / p>

我认为我的问题是关于position:relative（有浮动）和position:absolute（左边），但我没有设法修复它。此时，封面图片正常，显示在左上角。但文本显示在右下角（而不是在封面的右上角）。

你能帮我吗？

以下演示了我已完成的工作：http://jsfiddle.net/kz5ch49w/38/

Answer 1

如果我直言不讳，那么你需要将文字放入封面ID，而不是单独的div。但是，您可以将封面ID位置更改为绝对位置，并将相对位置更改为文本div。

#cover { position:absolute; /* other stuff */ }

和

#text {  position:relative; /* other stuff */ }


http://jsfiddle.net/kz5ch49w/46/