在健身房 ( 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; }
最佳答案
从删除 position:absolute; 开始来自“copy-gym”类的 div 的属性。 我不知道您希望页面看起来如何,但我建议您尝试使用现成的 css 布局,因为对于一个非常简单的布局,您似乎使用了太多的 div。
http://www.dynamicdrive.com/style/layouts/
例如,您可以找到示例布局以供使用。
关于CSS 背景图片在 div 中几乎不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29572565/