我正在構建一個帶有背景影像的專案，但我無法像這張
添加一些代碼
這樣你就可以減少在我的電腦上看起來不錯的background-position-y東西的數量-10em
position-y 就像 translateY 但用于背景（用于垂直移動背景）
或（用更少的代碼）
或者為了獲得良好的效果，使用 PHOTOSHOP 并裁剪頂部的空間，使影像居中，然后將其放入 HTML
我知道不是最好的，但如果你想要更少的代碼ˉ_(ツ)_/ˉ 和回應
.app {
height: 100%;
background-image: url('https://i.ibb.co/pWsFM5S/background.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
background-position-y: -10em;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="app">
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/395387.html
標籤：javascript html css 用户界面 蠢货