我有一個問題，我的背景圖片只顯示在 Chrome 上，而不是在 Firefox 或 Edge 上。
我想要做的是每次加載頁面時都有不同的背景影像。
$(document).ready(function() {
var totalBGs = 5;
var rnd = Math.floor(Math.random() * totalBGs);
$(".main").css({
backgroundImage: "url(../img/img_" rnd ".jpg)"
});
});
.main {
background-image: url("../img/img_0.jpg");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin-top: 5rem;
flex-direction: column;
align-items: center;
}
uj5u.com熱心網友回復：
首先，感謝所有試圖提供幫助的人，但我剛剛得到啟發并解決了這個問題。仍然不知道為什么它可以在 Chrome 上運行，但現在設法使其在其他瀏覽器上正常運行。我做了什么：
- 新增“style="background-image: url(''); " 作為我的 html 物件的行內樣式。
- 將 js 函式上的 url 更改為 = img/img_" rnd ".jpg 。因為它來自html檔案。我以前的 url 基本上是在專案檔案夾之外尋找影像。
再次感謝所有試圖提供幫助的人。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/433040.html
上一篇：無法為使用VisualStudio、C#、Nunit和Selenium的測驗啟動firefox瀏覽器實體
下一篇：攔截來自側邊欄面板的請求