做登陸注冊頁面的時候遇到一個問題,用link參考同級目錄下的檔案夾里的login.css必須要寫成
<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/User/login/css/login.css"/>
才能加載出CSS樣式
這是加載出CSS樣式的頁面

但是寫成<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/css/login.css"/>的時候CSS樣式就消失了
這是沒有加載出CSS樣式的頁面

奇怪的是明明上圖所顯示的頁面login.jsp和css檔案夾是處于同一目錄下,我卻不能寫成css/login.css而是一定要寫成User/login/css/login.css才能加載出樣式

求解這是為什么呢
uj5u.com熱心網友回復:
你html頁面是不是設定了 <base href="http://www.xxxx.com/" />這樣頁面中所有相對地址的鏈接都是相對于http://www.xxxx.com/ 的
uj5u.com熱心網友回復:
一般都是設定 <base href="https://bbs.csdn.net/" /> 讓頁面中所有相對地址的鏈接都相對于網站的根目錄。這樣在不同目錄之間復制帶有鏈接的html代碼或移動檔案時都不需要修改代碼中的鏈接地址了。
uj5u.com熱心網友回復:
我的頁面沒有用<base href="http://www.xxxx.com/" />這是我的login.jsp的<head></head>部分,你看一下
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>圖書管理系統</title>
<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/User/login/css/login.css"/>
<script src="https://bbs.csdn.net/topics/User/login/js/wechatlogin.js"></script>
</head>
我在login.jsp里面加入<base href="https://bbs.csdn.net/" />之后,這下無論href里面是css/login.css還是User/login/css/login.css都無法正常加載樣式了
uj5u.com熱心網友回復:
就你這個目錄結構來說相對參考的代碼應該是沒問題的。你按F12除錯下看看,看看這個css到底有沒有加載進來,如果沒有加載進來看看報錯資訊是什么。轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/45457.html
標籤:HTML(CSS)
下一篇:React和Vue怎么選
