【已解决】html页面刷新后css样式消失

最新推荐文章于 2024-08-21 22:36:29 发布
最新推荐文章于 2024-08-21 22:36:29 发布
阅读量250 收藏
点赞数 1
分类专栏： 操作和排错 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83329143/article/details/137880194
版权
文章描述了在登录失败后，主页面样式消失的问题，原因是index的CSS引用路径缺少斜杠。解决方案是添加斜杠并提供了一个示例，即在bootstrap.min.css和signin.css链接中加上/。问题在重启项目后得到解决。
摘要由CSDN通过智能技术生成

登录失败后显示主页面时样式消失，如：
在这里插入图片描述
在这里插入图片描述

原因：index的样式引入css前面没有加斜杠
在这里插入图片描述

解决办法：添加斜杠

<link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">

<link th:href="@{/asserts/css/signin.css}" rel="stylesheet">

<img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.svg}" alt="" width="72" height="72">

重启项目后问题解决
在这里插入图片描述

ZzzZzzzZzzzz-
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react（41）——使用多重路径路由，刷新后，css样式丢失的问题
木子 旭的博客
03-18 414
1.问题代码 app的代码 import React, { Component } from "react"; import Div1 from "./components/div1"; import Div2 from "./components/div2"; import Page1 from "./pages/page1"; import Page2 from "./pages/page2"; import { Link, BrowserRouter, Route, NavLink, Switch
Vue 解决父组件跳转子路由后当前导航active样式消失问题
10-15
为了解决这个问题，可以调整CSS样式，将`router-link-exact-active`替换为`router-link-active`。`router-link-active`类在当前链接匹配路由时会被添加，即使它是父路由。修改后的CSS样式如下： ```css .router-...
页面刷新后CSS失效
08-30
使用response.write容易页面刷新后CSS失效，文档中给出解决办法。
网站js弹出提示后原页面css样式丢失
lifetimeus的专栏
11-14 1506
<br />在页面使用<br />Response.Write("<script> alert ('您所填的入住人数和实际的所选的入住人数不付。');</script>");<br />方法弹出提示窗口出现的问题，刷新页面后CSS样式丢失：<br />两个解决方法：<br />1）：在Response.Write中加入：history.back();<br />Response.Write("<script> alert ('您所填的入住人数和实际的所选的入住人数不付。');history.back();<
html页面发生变化时，class点击事件不起作用的解决方案
徊忆羽菲
10-11 1136
原js代码 $(".m-video").on("click", function () { alert('弹窗'); }); 当点击js，页面发生变化时，找不到对应的 m-video 导致js不生效 修改后js代码 $(document).on("click", ".m-video", function () { alert('弹窗'); ...
彻底解决web调试时，修改css样式后刷新网页无改变
岩浆李的游鱼
07-12 5360
一、在修改css样式刷新网页无反应时 网上介绍了加时间戳什么的。个人觉得开发完网页还需要去去掉这些时间戳，正解是Ctrl+F5 二、Ctrl+F5刷新网页时，修改的css还是没有变化怎么办？ 这个时候绝大多情况下跟每个浏览器自身的缓存机制有关。而且大部分这个情况是单页面项目，这个时候按以下操作解决： 按下F12 - - - >选中Network - - -> 勾选Disable cache - - -> 这个时候在按Ctrl+F5 （这样就解决了web调试时，修改css样式无改变的情况
解决Dreamweaver中关于应用CSS的小问题
09-24
在网页设计领域，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、XHTML等）文档中元素外观、布局和结构的重要工具。Dreamweaver是一款强大的所见即所得网页编辑器，它提供了方便的CSS编辑功能，...
html5仿手机下拉刷新内容.rar
07-10
在描述中提到，当用户用鼠标拖动文字区域向下滑动时，网页顶部会出现一个刷新图标，松开鼠标后，页面会加载或更新新的内容，从而实现与手机端类似的操作风格。 在实现这个功能的过程中，HTML5的离线存储...
vue实现导航栏效果（选中状态刷新不消失）
11-27
本篇文章将详细讲解如何在Vue中实现一个具有选中状态并且在刷新后仍然保持选中状态的导航栏。 首先，我们需要准备底部导航栏所需的图标。这些图标通常为选中和未选中的两种状态，可以是SVG图形或PNG图片。在这里，...
页面跳转后样式丢失js失效
agyig886686的博客
12-19 443
问题描述： 用ajax跳转的时候，从a.html跳转到b.html后，b.html的css以及js都失效了。 解决办法： 将当前页面需要用到的css以及js放在<page>div内。 原理： 由于jqm默认的ajax跳转的时候，只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载，所以导致在<pa...
页面刷新样式丢失问题
yeee1128的博客
04-14 1354
有些公共样式文件放在publish文件夹下，在index.html中引入样式文件，有时页面刷新样式丢失。 解决办法： 1.<link type="text/css" rel="styleSheet" href="/reset.css" /> //href路径不要写相对路径，类似于‘./reset.css’ 2.<link type="text/css" rel="styleSheet" href="%PUBLIC_URL%/reset.css" /> //加%PUBLIC_
清除浏览器缓存后，javaWeb项目突然全部页面样式没了
mazhangcan的博客
10-28 3032
自己做的一个小项目，开发也有一段时间了，前端是在网上找了一个免费的模板，虽然自己没美感，但是还是希望自己的项目好看一点。开发的时候前端的样式一直都是好的，但是昨天调制功能的时候突然样式没有了，并且前端的js包还爆出，布局和页面的一些图片都显示不出来了，于是就在网上找解决的方法。自己总结下来有这些方法： 1.因为页面加载的时候的顺序是 网页框架->样式(css)->动作(js),因为 ...
音频采集spring_ws_webrtc (html采集麦克风转gb711并发送广播播放)完整案例
最新发布
java之书-资源
08-21 118
springboot+webscoekt+webrtc 项目通过前端webrtc采集麦克风声音，通过websocket发送后台，然后处理成g711-alaw字节数据发生给广播UDP并播放。 后台处理项目使用线程池(5个线程)接受webrtc数据并处理g711-alaw字节数组放到Map容器中，在开一个线程实时获取Map容器中数据通过UDP发送。 项目采集采集麦克风数据稳定，个人已测试放心可用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值