Today as I was working on my CSS, I encountered some issues. I utilized Bootstrap and Darkstrap for designing. In Darkstrap, the style for the body is
body {
color: #c6c6c6;
background-color: #2f2f2f;
}
Meanwhile, in my own CSS:
body {
background: url(../img/11.jpg) no-repeat fixed;
background-size: 100% 100%
}
Although it appears fine, the only problem I face is that when switching pages, there seems to be an asynchronous loading (without page refresh), first applying the Darkstrap style, then after a second, loading my style. However, I have placed my CSS before Bootstrap and Darkstrap. And I did not refresh the page.
Ultimately, I included the body style from Darkstrap. Upon switching pages again, the body's background-color
also completes after a second delay, creating an unsightly appearance. I understand that the image load may trigger an HTTP request and last during its loading process. But why does this happen when simply switching pages? Where could the issue lie?