fix: Logo 点击区域修正 - z-index 提升到 100 + img pointer-events:none
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
核心修复: - z-index: 20 → 100, 确保不被页面内容遮挡 - img 加 display:block 消除行内间隙 - img 加 pointer-events:none 让点击事件穿透到父级 a 标签 - a 标签加 cursor:pointer 显式指定
This commit is contained in:
@@ -31,28 +31,26 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 16px;
|
top: 16px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
z-index: 20;
|
z-index: 100;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 12px 14px;
|
padding: 12px 14px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link:hover {
|
.back-home-link:hover {
|
||||||
opacity: 0.8;
|
background: rgba(255, 255, 255, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-logo {
|
.back-home-logo {
|
||||||
height: 28px;
|
height: 28px;
|
||||||
width: auto;
|
width: auto;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.2s;
|
display: block;
|
||||||
}
|
pointer-events: none;
|
||||||
|
|
||||||
.back-home-link:hover .back-home-logo {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 容器 ---- */
|
/* ---- 容器 ---- */
|
||||||
|
|||||||
@@ -599,13 +599,14 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 16px;
|
top: 16px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
z-index: 20;
|
z-index: 100;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 12px 14px;
|
padding: 12px 14px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link:hover {
|
.back-home-link:hover {
|
||||||
@@ -616,11 +617,8 @@
|
|||||||
height: 28px;
|
height: 28px;
|
||||||
width: auto;
|
width: auto;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.2s;
|
display: block;
|
||||||
}
|
pointer-events: none;
|
||||||
|
|
||||||
.back-home-link:hover .back-home-logo {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 移动端 ---- */
|
/* ---- 移动端 ---- */
|
||||||
|
|||||||
@@ -481,13 +481,14 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 16px;
|
top: 16px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
z-index: 20;
|
z-index: 100;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 12px 14px;
|
padding: 12px 14px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link:hover {
|
.back-home-link:hover {
|
||||||
@@ -498,9 +499,6 @@
|
|||||||
height: 28px;
|
height: 28px;
|
||||||
width: auto;
|
width: auto;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.2s;
|
display: block;
|
||||||
}
|
pointer-events: none;
|
||||||
|
|
||||||
.back-home-link:hover .back-home-logo {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user