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

CSS背景图像在div中几乎不可见,css,background,background-image,background-color,Css,Background,Background Image,Background Color,在一个健身房的页面上工作(),这个页面上应该有一个健身房的背景图像。取而代之的是,这个分区中只有一小部分图像。其余部分是黑色的,但我一直在玩它,我甚至找不到这个分区后面的背景色。那我为什么要得到这个?以下是我的CSS: body.page-id-30 .site-content { background-image: url(images/bkg-gym.jpg); background-size: cover; } body.page-id-30 .copy-gym { position: a

在一个健身房的页面上工作(),这个页面上应该有一个健身房的背景图像。取而代之的是,这个分区中只有一小部分图像。其余部分是黑色的,但我一直在玩它,我甚至找不到这个分区后面的背景色。那我为什么要得到这个?以下是我的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; }

从移除位置开始:绝对;“复制健身房”类div中的属性。 我不知道你到底希望页面看起来如何,但我建议你尝试使用现成的css布局,因为对于一个非常简单的布局来说,你似乎使用了太多的div

例如,您可以在这里找到要使用的示例布局