Css 主页背景图像保留
我正在Css 主页背景图像保留,css,background-image,Css,Background Image,我正在CargoCollective上对我的网站进行编码。我希望主页的背景图像与其他页面不同，确切地说，我希望它有一个完整的GIF，而其他页面应该只有一个背景颜色。我确实找到了用于全尺寸背景的CSS代码，但问题是，当我首先进入主页，然后通过侧边栏的链接进入其他页面时，背景图像仍然保留，而不是转向背景颜色。奇怪的事实是，每当我刷新页面或直接进入页面时（不经过主页），背景图像都不会显示，这是我选择的颜色。有什么问题 body { background-color:#ffe0e0!impor
CargoCollectivebody {
background-color:#ffe0e0!important;
color: #f54a63;
font-family: sans-serif;
font-size: 14px;
text-align: left;
line-height: 2;
position: relative;
top: -40px;
width: 100%;
}
body.home {
background: url(payload498.cargocollective.com/1/22/724019/12271389/gif14.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body.pages {
background-color: #ffe0e0!important;
}
一种方法是简单地在主页上添加内联代码：
<body style="url(background:url(myGif.gif) no-repeat 0 0;background-size: cover;"/>
$('body').css({'background-image': 'url(myGif.gif)', 'background-size':'cover'});
html，正文{height:100%；padding:0；margin:0；}
身体{
背景：#000；
}
#封面{
身高：100%；
宽度：100%；
背景：url(https://media.giphy.com/media/9fbYYzdf6BbQA/giphy.gif);
背景尺寸：封面；
}
这个div只出现在我的主页上。
body.home.open {
background: #ffe0e0;
color: #f54a63;
font-family: sans-serif;
font-size: 14px;
text-align: left;
line-height: 2;
position: relative;
top: -40px;
width: 100%;
}
你能给我们看一些代码吗？相关样式、html或URL来显示问题？我的css看起来像“body{background color:#ffe0e0！important；color:#f54a63；font family:sans serif；font size:14px；text align:left；line height:2；position:relative；top:-40px；width:100%；}body.home{background:URL（）无重复中心固定；-webkit背景大小：封面；-moz背景大小：封面；-o-background-size:cover；背景大小：封面；}body.pages{背景颜色：#ffe0e0！重要；}然后我对每个页面和主页使用一些内容。你可以在这里看到网站。这真的很奇怪，就像背景图像stucks一样，我需要刷新页面才能将其显示出来。这是因为当你浏览页面时，body标签上仍然有
class=“home”class=“main open”