[英]Background-image missing from my php/ css page
我將我的 HTML 頁面更改為 PHP，我認為它在某個地方壞了。 我的背景圖片沒有顯示在 PHP 頁面上，而是在 HTML 頁面上。 但我希望它在 PHP 中用於我的項目。 我正在使用相同的 CSS 樣式表。 PHP 代碼：
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<nav>
<div class = "logo">
<h1>
<a href="index.php">...</a>
</h1>
</div>
<div class="menu">
<a href="#">...</a>
<a href="gallery.php">Gallery</a>
<?php
if (isset($_SESSION["useruid"])) {
echo "<a href=#>Logged in</a>";
echo "<a href=includes/logout.inc.php>Logout</a>";
}
else {
echo "<a href='login.php'>Login</a>";
}
?>
</div>
</nav>
</div>
<main>
<section>
<h3>...</h3>
<p>...</p>
<a href="signup.php" class="btnone">Sign Up</a>
</section>
</main>
</header>
</body>
CSS 代碼：
header{
width: 100%;
height: 100vh;
background-image: url("/php/images/ta.jpg");
background-repeat: no-repeat;
background-size: cover;
}
你給出了錯誤的路徑。 添加任何一個. 或從background-image字段中刪除/ 。 像這樣：
header{
width: 100%;
height: 100vh;
background-image: url("./php/images/ta.jpg");
background-repeat: no-repeat;
background-size: cover;
}
或者
header{
width: 100%;
height: 100vh;
background-image: url("php/images/ta.jpg");
background-repeat: no-repeat;
background-size: cover;
}
該路徑需要相對於 css。
header{
width: 100%;
height: 100vh;
background-image: url("../images/ta.jpg");
background-repeat: no-repeat;
background-size: cover;
}
如何防止PHP刪除背景圖片CSS語句的斜線？
[英]How do I prevent PHP from stripping my Slashes of my background-image CSS statement?
降低php中圖像的大小和質量，並用作CSS背景圖像
[英]Lower the size and quality of image in php and use as CSS background-image
從Wordpress自定義插件php文件內部鏈接的CSS背景圖像
[英]CSS background-image linking from inside Wordpress custom plugin php file
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.