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

标签 css background background-image background-color

在健身房 ( 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/

相关文章:

android - 当应用程序进入前台时,使对话框持久显示在屏幕上的最佳方法是什么?

CSS:Safari Mobile 不支持背景位置偏移

html - 将动态链接添加到多个背景图像...

javascript - 如何使背景图像在缩放时保持不变?

c# - 如何在后台运行Unity程序?

html - 使用CSS以全宽显示表格

css - 使用 HTTP 动词进行自动化 CSS 回归测试

css - 背景图像 css 顶部和底部的透明渐变

css - Firebug FireDiff - 如何保存整个 CSS 文件?

同时使用 CSS 灰度滤镜和背景混合模式?