This commit is contained in:
@@ -99,23 +99,20 @@
|
||||
/* 3D 地球容器:与 section-content 右对齐(和下方卡片区域右边保持一致) */
|
||||
.banner-globe {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
/* 相对于 section-content 右对齐,section-content padding-right 为 20px */
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
/* 适当放大画布,让粒子有更大的可视范围,减少“被方框裁切”的感觉 */
|
||||
width: 520px;
|
||||
height: 520px;
|
||||
z-index: 20; /* 高于轮播图与文案层 */
|
||||
pointer-events: none; /* 不影响轮播图滑动与点击 */
|
||||
top: 0;
|
||||
left: 0;
|
||||
/* 画布充满整个 banner 文案区域,让粒子可以从整个区域四面八方飞入 */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5; /* 保持在文案层之下 */
|
||||
pointer-events: none; /* 不影响轮播图滑动与点击 */
|
||||
}
|
||||
|
||||
/* 中等屏幕下稍微缩小地球,避免挡住文案 */
|
||||
@media (max-width: 1400px) {
|
||||
.banner-globe {
|
||||
right: 20px;
|
||||
width: 440px;
|
||||
height: 440px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user