頁面 URL 更改時 CSS 不生效
[英]CSS not taking effect when the URL of the page changes
問題描述
我有一些共享公共 CSS 文件的 HTML 頁面。 我將它們放在標題中並將它們導入到頁面中。 一切都很好，但是，我必須返回帶有ID的頁面，它不起作用。
我有一個頁面detail.html ，但是當我返回一個detail/id它不收費。 這不可能是 href 錯誤，因為其他頁面正在收費。 我想我必須改變一些東西才能適用於任何地方？
<!DOCTYPE html>
<html lang="es">
<head>
<title>Historiales Médicos</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Página home">
<meta name="author" content="Lucas Mazariegos">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Favicon -->
<link rel="icon" href="img/favicon2.png" type="image/png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/estilo.css" type="text/css">
</head>
我得到的 URL：detail/1_S0004-06142005000900012-1。 HTML 正在收費，但 CSS 不收費。
1 個解決方案
解決方案1
1 2020-01-08 21:03:38
我相信您的問題是您的 CSS 文件href="css/estilo.css"位於相對於頁面 URL 的位置。
如果頁面 URL 是http://example.com/detail ，則 CSS 文件位於網站的根目錄中。 然后，當 URL 更改為http://example.com/detail/id ，引用css/estilo.css應位於目錄位置/detail/id/estilo.css 。
我建議您將所有全局 CSS 放在名為“css”的根目錄中，然后您的 href 將變為href=/css/estilo.css ，它不會隨着頁面 URL 的變化而改變。
您應該對所有靜態/公共圖像和 JavaScript 文件執行相同的操作。
通常，圖像進入/img目錄，JavaScript 文件進入/js目錄。
如果 CSS 文件已經在網站的/css/目錄中，那么您需要將相對引用css/estilo.css轉換為絕對引用/css/estilo.css並對所有 CSS 文件執行此操作。
將您的 HTML 更改為：
<!-- CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/estilo.css" type="text/css">
用jQuery打開頁面時，有什么方法可以使某物產生css效果
[英]Is there a way to make a css effect on something when opening page with Jquery
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.