CSS 背景图片在 div 中几乎不可见

Question

在健身房 ( http://purcraft.com/madeinla/the-gym/ ) 页面上工作，此页面上应该有健身房的背景图片。相反，此 div 中只有一小部分图像。其余的黑色，但我一直在和它的检查员一起玩，我什至无法在这个区域之后找到 div 的背景颜色。那我为什么会得到这个？这是我的 CSS:

body.page-id-30 .site-content { background-image: url(images/bkg-gym.jpg); background-size: cover; }
body.page-id-30 .copy-gym { position: absolute; left: 250px; bottom: 38px; width: 530px; font-family: 'texgyreheroscnregular', sans-serif;  text-align: center; text-transform: uppercase; }

Answer 1

从删除 position:absolute; 开始来自“copy-gym”类的 div 的属性。我不知道您希望页面看起来如何，但我建议您尝试使用现成的 css 布局，因为对于一个非常简单的布局，您似乎使用了太多的 div。

http://www.dynamicdrive.com/style/layouts/

例如，您可以找到示例布局以供使用。