我需要一些幫助來理解如何使以下 HTML 編碼作業。
<!DOCTYPE html>
<html>
<head>
<title>YAHUAS</title>
<style>
body {
background-image: url("Pictures/Yahuas.png");
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<a href="student.php">Student data</a>
</body>
</html>
我應該更改以下內容 - background-image:url("Pictures/Yahuas.png");以便它轉到C:\Users\user\OneDrive - Bradford College\Advance Database\YAHUAS\PHP and HTML存盤此影像的檔案夾中嗎?
uj5u.com熱心網友回復:
如果圖片檔案夾與您的 html 檔案位于相同的路徑中,那么它應該可以作業。您能否仔細檢查一下圖片檔案夾和您保存的 html 檔案是否在同一路徑中?
我不認為您想使用影像的絕對路徑,除非您只想在自己的計算機上查看 html 檔案。如果您將其放在 Web 服務器或任何其他計算機上,則在同一路徑中幾乎不可能找到該影像。
uj5u.com熱心網友回復:
你應該給確切的 URL 路徑
<style>
body {
background-image: url("./Pictures/Yahuas.png");
background-repeat: no-repeat;
background-size: cover;
}
</style>
uj5u.com熱心網友回復:
你的問題不是很清楚。但是,我假設您正在嘗試從檔案夾/目錄的背面或其他驅動器(例如 C、D、F)中選擇影像。
答案是肯定的,您可以使用帶有完整路徑的反斜杠 (Windows) 或正斜杠 (Linux),或者如果影像存在于當前目錄或后退目錄中,則您可以使用相對路徑。
<style>
body {
// Another Drive
background-image: url("C:/Users/user/My OneDrive/Pictures/pic.png");
// Relative Path
background-image: url("Pictures/pic.png");
// OR
background-image: url("./Pictures/pic.png");
// Back Directory/Folder
background-image: url("../Pictures/pic.png");
}
</style>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/335643.html
