出于某种原因,我的标题在 Firefox 中被推下。它在 safari 和 chrome 中运行良好。我尝试将标题位置设为绝对位置,但当它应该浮动到其父级的左角时它被推下 - 它没有。所以这让我觉得身体被推了下去,而不是头球。
所以我开始调查我的身体标签上的背景图像位置,但我尝试了各种组合定位图像但没有运气,而且
.home-body {
position: relative;
top: 0; left: 0;
}
我试过 :contain 而不是 :cover- 没有用。
然后我虽然它与高度有关:自动,但没有。
我一直在尝试主页,尽管它正在所有页面上发生。
这是网站:
我的身体标签:
body {
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: 100;
padding: 0;
margin: 0;
}
我有一个带有 CSS 封面属性的背景图像的 body.home-page:
.home-page {
background: url(images/home_2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
然后我有一个标题标签,里面有元素:
header {
width: 100%;
background-color: rgba(255,255,255,0.8);
}
.header-content 在标题中:
.header-content,
.footer-content,
.content,
.bars-content {
width: 96%;
height: auto;
margin: 0 auto;
color: rgba(255,255,255,1);
max-width: 960px;
}