悬停区域-底部边框

分类：编程问答

如何解决悬停区域-底部边框

我有以下导航菜单：https://jsfiddle.net/LauraStoian/5kmo0v7e/ 4。

body {
  border: solid 3px black;
}

#UL_1 {
  align-items: stretch;
  block-size: 103px;
  box-sizing: border-box;
  display: flex;
  height: 103px;
  inline-size: 241.828px;
  justify-content: flex-end;
  letter-spacing: 0.16px;
  margin-block-end: 0px;
  margin-block-start: 0px;
  margin-inline-start: 141.453px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  padding-inline-start: 0px;
  perspective-origin: 120.906px 51.5px;
  text-size-adjust: 100%;
  transform-origin: 120.914px 51.5px;
  width: 241.828px;
  flex: 1 1 auto;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
  margin: 0px 0px 0px 141.453px;
  padding: 0px;
}


/*#UL_1*/

#UL_1:after {
  block-size: 0px;
  box-sizing: border-box;
  clear: both;
  content: '"' '"';
  display: table;
  height: 0px;
  inline-size: 0px;
  letter-spacing: 0.16px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 0px 0px;
  text-size-adjust: 100%;
  transform-origin: 0px 0px;
  width: 0px;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#UL_1:after*/

#UL_1:before {
  block-size: 0px;
  box-sizing: border-box;
  content: '"' '"';
  display: table;
  height: 0px;
  inline-size: 0px;
  letter-spacing: 0.16px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 0px 0px;
  text-size-adjust: 100%;
  transform-origin: 0px 0px;
  width: 0px;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#UL_1:before*/

#LI_2 {
  align-items: center;
  block-size: 103px;
  bottom: 0px;
  box-sizing: border-box;
  display: flex;
  height: 103px;
  inline-size: 72.875px;
  left: 0px;
  letter-spacing: 0.16px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 36.4375px 51.5px;
  position: relative;
  right: 0px;
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 36.4375px 51.5px;
  width: 72.875px;
  flex-flow: column nowrap;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_2*/

#LI_2:after {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_2:after*/

#LI_2:before {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_2:before*/

#A_3 {
  align-items: center;
  block-size: 103px;
  border-block-end-color: rgb(0,0);
  border-block-start-color: rgb(0,0);
  border-inline-end-color: rgb(0,0);
  border-inline-start-color: rgb(0,0);
  bottom: 0px;
  box-sizing: border-box;
  caret-color: rgb(0,0);
  color: rgb(0,0);
  column-rule-color: rgb(0,0);
  display: flex;
  height: 103px;
  inline-size: 72.875px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  padding-block-end: 10px;
  padding-block-start: 10px;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  perspective-origin: 36.4375px 51.5px;
  position: relative;
  right: 0px;
  text-align: left;
  text-decoration: none solid rgb(0,0);
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 36.4375px 51.5px;
  white-space: nowrap;
  width: 72.875px;
  border: 0px none rgb(0,0);
  flex: 1 1 auto;
  flex-flow: row wrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
  outline: rgb(0,0) none 0px;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
}


/*#A_3*/

#A_3:after {
  border-block-end-color: rgb(0,0);
  box-sizing: border-box;
  caret-color: rgb(0,0);
  display: block;
  letter-spacing: 0.3px;
  text-align: left;
  text-decoration: none solid rgb(0,0);
  text-size-adjust: 100%;
  white-space: nowrap;
  border: 0px none rgb(0,0);
  font: 700 15px / 26px Arial,0) none 0px;
}


/*#A_3:after*/

#A_3:before {
  border-block-end-color: rgb(0,0) none 0px;
}


/*#A_3:before*/

#SPAN_4,#SPAN_12,#SPAN_18 {
  block-size: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 0px;
  inline-size: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 0px 0px;
  text-align: left;
  text-size-adjust: 100%;
  transform-origin: 0px 0px;
  white-space: nowrap;
  width: 0px;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_4,#SPAN_18*/

#SPAN_4:after,#SPAN_12:after,#SPAN_18:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_4:after,#SPAN_18:after*/

#SPAN_4:before,#SPAN_12:before,#SPAN_18:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_4:before,#SPAN_18:before*/

#SPAN_5 {
  block-size: 26px;
  bottom: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 26px;
  inline-size: 42.875px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 21.4375px 13px;
  position: relative;
  right: 0px;
  text-align: left;
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 21.4375px 13px;
  white-space: nowrap;
  width: 42.875px;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_5*/

#SPAN_5:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_5:after*/

#SPAN_5:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_5:before*/

#SPAN_6,#SPAN_14,#SPAN_20 {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  perspective-origin: 0px 0px;
  text-align: left;
  text-size-adjust: 100%;
  transform-origin: 0px 0px;
  white-space: nowrap;
  z-index: 0;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_6,#SPAN_20*/

#SPAN_6:after,#SPAN_14:after,#SPAN_20:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_6:after,#SPAN_20:after*/

#SPAN_6:before,#SPAN_14:before,#SPAN_20:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_6:before,#SPAN_20:before*/

#SPAN_7,#SPAN_15,#SPAN_21 {
  bottom: 0px;
  box-sizing: border-box;
  cursor: pointer;
  left: 0px;
  letter-spacing: 0.3px;
  perspective-origin: 0px 0px;
  position: relative;
  right: 0px;
  text-align: left;
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 0px 0px;
  white-space: nowrap;
  z-index: 2;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_7,#SPAN_21*/

#SPAN_7:after,#SPAN_15:after,#SPAN_21:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_7:after,#SPAN_21:after*/

#SPAN_7:before,#SPAN_15:before,#SPAN_21:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_7:before,#SPAN_21:before*/

#SPAN_8 {
  align-items: center;
  block-size: 36px;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  height: 36px;
  inline-size: 36px;
  justify-content: center;
  letter-spacing: 0.3px;
  margin-inline-start: 18px;
  position: absolute;
  text-align: left;
  text-size-adjust: 100%;
  top: 50%;
  white-space: nowrap;
  width: 36px;
  z-index: 3;
  border-radius: 3px;
  font: 700 18px / 26px Arial,sans-serif;
  list-style: outside none none;
  margin: 0px 0px 0px 18px;
}


/*#SPAN_8*/

#SPAN_8:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 18px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_8:after*/

#SPAN_8:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 18px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_8:before*/

#I_9 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 18px / 18px FontAwesome;
  list-style: outside none none;
}


/*#I_9*/

#I_9:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 18px / 18px FontAwesome;
  list-style: outside none none;
}


/*#I_9:after*/

#I_9:before {
  box-sizing: border-box;
  content: '""';
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 18px / 18px FontAwesome;
  list-style: outside none none;
}


/*#I_9:before*/

#LI_10 {
  align-items: center;
  block-size: 103px;
  box-sizing: border-box;
  display: flex;
  height: 103px;
  inline-size: 74.8281px;
  letter-spacing: 0.16px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 37.4062px 51.5px;
  text-size-adjust: 100%;
  transform-origin: 37.4141px 51.5px;
  width: 74.8281px;
  flex-flow: column nowrap;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_10*/

#LI_10:after {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_10:after*/

#LI_10:before {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_10:before*/

#A_11 {
  align-items: center;
  block-size: 103px;
  border-block-end-color: rgb(0,0);
  display: flex;
  height: 103px;
  inline-size: 74.8281px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  padding-block-end: 10px;
  padding-block-start: 10px;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  perspective-origin: 37.4062px 51.5px;
  position: relative;
  right: 0px;
  text-align: left;
  text-decoration: none solid rgb(0,0);
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 37.4141px 51.5px;
  white-space: nowrap;
  width: 74.8281px;
  border: 0px none rgb(0,0) none 0px;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
}


/*#A_11*/

#A_11:after {
  border-block-end-color: rgb(0,0) none 0px;
}


/*#A_11:after*/

#A_11:before {
  border-block-end-color: rgb(0,0) none 0px;
}


/*#A_11:before*/

#SPAN_13 {
  block-size: 26px;
  bottom: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 26px;
  inline-size: 44.8281px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 22.4062px 13px;
  position: relative;
  right: 0px;
  text-align: left;
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 22.4141px 13px;
  white-space: nowrap;
  width: 44.8281px;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_13*/

#SPAN_13:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_13:after*/

#SPAN_13:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_13:before*/

#LI_16 {
  align-items: center;
  block-size: 103px;
  box-sizing: border-box;
  display: flex;
  height: 103px;
  inline-size: 94.125px;
  letter-spacing: 0.16px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 47.0625px 51.5px;
  text-size-adjust: 100%;
  transform-origin: 47.0625px 51.5px;
  width: 94.125px;
  flex-flow: column nowrap;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_16*/

#LI_16:after {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_16:after*/

#LI_16:before {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.16px;
  text-size-adjust: 100%;
  font: 16px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#LI_16:before*/

#A_17 {
  align-items: center;
  block-size: 103px;
  border-block-end-color: rgb(0,0);
  display: flex;
  height: 103px;
  inline-size: 94.125px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  padding-block-end: 10px;
  padding-block-start: 10px;
  padding-inline-end: 15px;
  padding-inline-start: 15px;
  perspective-origin: 47.0625px 51.5px;
  position: relative;
  right: 0px;
  text-align: left;
  text-decoration: none solid rgb(0,0);
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 47.0625px 51.5px;
  white-space: nowrap;
  width: 94.125px;
  border: 0px none rgb(0,0) none 0px;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
}


/*#A_17*/

#A_17:after {
  border-block-end-color: rgb(0,0) none 0px;
}


/*#A_17:after*/

#A_17:before {
  border-block-end-color: rgb(0,0) none 0px;
}


/*#A_17:before*/

#SPAN_19 {
  block-size: 26px;
  bottom: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 26px;
  inline-size: 64.125px;
  left: 0px;
  letter-spacing: 0.3px;
  min-block-size: auto;
  min-height: auto;
  min-inline-size: auto;
  min-width: auto;
  perspective-origin: 32.0625px 13px;
  position: relative;
  right: 0px;
  text-align: left;
  text-size-adjust: 100%;
  top: 0px;
  transform-origin: 32.0625px 13px;
  white-space: nowrap;
  width: 64.125px;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_19*/

#SPAN_19:after {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_19:after*/

#SPAN_19:before {
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-align: left;
  text-size-adjust: 100%;
  white-space: nowrap;
  font: 700 15px / 26px Arial,sans-serif;
  list-style: outside none none;
}


/*#SPAN_19:before*/

#SPAN_5:hover,#SPAN_13:hover,#SPAN_19:hover {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: red;
}
<body>

  <ul id="UL_1">
    <li id="LI_2">
      <a href="http://index.html" id="A_3"><span id="SPAN_4"></span> <span id="SPAN_5"><span id="SPAN_6"></span> <span id="SPAN_7">Home <span id="SPAN_8"><i id="I_9"></i></span></span></span></a>
    </li>
    <li id="LI_10">
      <a href="http://index.html#" id="A_11"><span id="SPAN_12"></span> <span id="SPAN_13"><span id="SPAN_14"></span> <span id="SPAN_15">About</span></span></a>
    </li>
    <li id="LI_16">
      <a href="http://index.html#" id="A_17"><span id="SPAN_18"></span> <span id="SPAN_19"><span id="SPAN_20"></span> <span id="SPAN_21">Services</span></span></a>
    </li>
  </ul>
</body>

页面的链接各有一个悬停，该悬停由底部边框组成。问题是，悬停鼠标仅在鼠标停留在文本上时才会激活，而不是在整个周围区域（上下左右整个区域，左右左右几个px）内起作用。

导航是使用flexbox构建的。我试图将边框应用到＃A_3上，尽管悬停区域扩大了，但边框底部移动得太低。就像是一个悖论，因为要么我不得不将边框移得太低以使悬停区域更大，要么将边框保持在应有的位置，但是悬停仅适用于文本。

这是因为边框位于填充之后，并且悬停仅适用于填充区域。我在其他网站上看到这种样式是用after伪元素完成的，我尝试过这种方式，但是没有用。

所以，我的问题是，如何在将边框底部保持在文本下方的同时扩展悬停区域？

解决方法

我相信您希望将LI悬停，并且内部跨度应获得边界。

Updated jsfiddle

为此，只需将您的css悬停如下所示

#LI_2:hover #SPAN_5,#LI_10:hover #SPAN_13,#LI_16:hover #SPAN_19 {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: red;
}

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

导入项目后报错问题
依赖报错 idea导入项目后依赖报错，解决方案：https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错：更换其他版本 无法下载依赖可参考：https://blog.csdn.net/weixin_42628809/a
idea不能识别yaml文件
使用mybatis plus常见错误
错误1：代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
gradle常见问题与错误
错误1：gradle项目控制台输出为乱码 # 解决方案：https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
Mybatis Plus传入参数0不起作用
错误还原：在查询的过程中，传入的workType为0时，该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
linux中make编译源码包失败
报错如下，gcc版本太低 ^ server.c:5346:31: 错误：‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
微服务启动错误：Command line is too long. Shorten command line for
解决方案1 1、改项目中.idea/workspace.xml配置文件，增加dynamic.classpath参数 2、搜索PropertiesComponent，添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
vue常见错误
删除根组件app.vue中的默认代码后报错：Module Error (from ./node_modules/eslint-loader/index.js): 解决方案：关闭ESlint代码检测，在项目根目录创建vue.config.js，在文件中添加 module.exports = { lin
spark常见错误
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
matplotlib报错：AttributeError: module 'backend_interagg' has no attribute 'FigureCanvas'. Did you mean: 'FigureCanvasAgg'?
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
gitlab登录失败，报错：This challenge page was accidentally cached by an intermediary and is no longer available.
设置时间 控制面板
后端开发常见错误
错误1：Request method ‘DELETE‘ not supported 错误还原：controller层有一个接口，访问该接口时报错：Request method ‘DELETE‘ not supported 错误原因：没有接收到前端传入的参数，修改为如下 参考 错误2：cannot r
docker常见错误
错误1：启动docker镜像时报错：Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法：重启docker -&gt; systemctl r
idea常见错误
错误1：private field ‘xxx‘ is never assigned 按Altʾnter快捷键，选择第2项 参考：https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2：启动时报错，不能找到主启动类 #
pip安装依赖失败
报错如下，通过源不能下载，最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
maven常见错误
错误1：maven打包报错 错误还原：使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
cloud项目中常见错误
错误1：服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
springboot常见错误
错误1：运行项目后报如下错误 解决方案 报错2：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案：在pom.
springmvc拦截器中使用redisTemplate报空指针异常
参考 错误原因 过滤器或拦截器在生效时，redisTemplate还没有注入 解决方案：在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
vite报错：npm ERR! command C:WINDOWSsystem32cmd.exe /d /s /c C:UsersychenAppDataLocalTempnpx-dde1c848.cmd
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot