JavaScript #27

1260 ワード
CSS JavaScript テキストリンク
210806
JavaScript #27
  • に設定バックグラウンドスクリーン
    • 現在の画像は下にのみ追加され、背景画面として指定されていません.

    -background.変更
    const images = ["0.jpg", "1.jpg", "2.jpg"]

const chosenImage = images[Math.floor(Math.random() * images.length)]

// const bImage = document.createElement("img")

// bImage.src = `img/${chosenImage}`

const bgimg = "url(" + `img/${chosenImage}` + ")"
document.body.style.backgroundImage = bgimg

    background画像を適用するためにurl(「アドレス」)として渡す必要があるため、上記の修正を行った.
    しかし、元の画像のサイズは適切ではありません.
    -style.css
    body{
  background-size: cover;
}
    bodyのbackground-sizeオプションはcoverとして、以前よりも画像が見えます.

    ただし、調整ウィンドウの大きさは一緒に縮小されず、修正が必要です.
    body{
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

    スケールを設定して、もっときれいになりました.
    LeetCode - Maximum Subarray
    Kubernetesリクエスト同時制御とデータ整合性(ResourceVersion、Update、Patchプロファイルを含む)