gpt4 book ai didi

html - 加载不同的背景图像而不加载默认值

转载 作者:太空宇宙 更新时间:2023-11-04 09:50:49 25 4
gpt4 key购买 nike

我的 Rails 元素的所有页面都有一个默认的图案背景。我正在尝试使用全屏背景图像设置根页面。加载后,这按预期工作。但是,当打开页面时,可以看到两步延迟,因为页面首先打开默认的彩色背景,然后将图像覆盖在页面上。有没有一种方法可以不在这个 View 上加载默认背景,以避免在加载过程中出现两步 View ?

我已经为我的 Root View (static_pages#index) 提供了一个#landing-page id。

CSS:

#landing-page {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(ripples.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
background: url('congruent_pentagon.png');
}

最佳答案

如果第一个背景来自正文,解决方案将在布局中为主页面和其他页面添加不同的类到正文

<body class="<%= current_page?('/') ? 'main-page' : 'page' %>">

改为在你的 CSS 中

body {
background: url('congruent_pentagon.png');
}

.main-page {
background: none;
}

.page {
background: url('congruent_pentagon.png');
}

关于html - 加载不同的背景图像而不加载默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39113982/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com