Html CSS位置在悬停状态下工作不正常

我尝试将div定位到另一个div上。
当我将鼠标悬停在

.lg上时，每个竞赛

将显示

。当前标题

。 将鼠标悬停在

.time

上时，

当前标题

的悬停位置将相同

这是我的密码

.lg当前内部{
边框：1px实心#bdbdbd；
边缘底部：30px；
位置：相对位置；
}
.lg每个竞赛：悬停。当前标题{
不透明度：1；
}
.lg当前横幅。金额{
位置：绝对位置；
顶部：5px；
背景色：#fea700；
填充物：5px12px；
字体大小：22px；
右：0；
字号：600；
颜色：#fff；
}
.lg当前内容{
填充：10px；
}
.lg当前内容h3{
字体大小：24px；
线高：36px；
边缘顶部：10px；
}
.时间{
边框顶部：1px实心#bdbdbd；
位置：相对位置；
}
.时间.还押时间{
填充：10px；
}
.时间.还押时间.每次{
字体大小：14px；
字号：500；
}
.时间.还押时间.提交材料{
填充：2x10px；
背景：#1bcd80；
字号：500；
颜色：#fff；
边界半径：2px；
}
.当前标题{
位置：绝对位置；
排名：0；
左：0；
光标：指针；
右：0；
底部：0；
填充：25%0；
宽度：100%；
身高：100%；
背景色：rgba（63,97,132,0.5）；
文本对齐：居中；
字体大小：15px；
不透明度：0；
-webkit过渡：所有0.4s都轻松推出；
-moz过渡：所有0.4都会变缓；
-o型过渡：所有0.4s缓解；
-ms过渡：所有0.4s缓解；
过渡：所有0.4s缓解；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
.当前标题按钮{
颜色：#fea700；
填充：6px 20px；
不透明度：1；
边界半径：4px；
背景：#fff；
字号：600；
字体大小：16px；
位置：相对位置；
最高：50%；
轮廓颜色：透明；
边界：无；
}
.当前标题按钮：悬停{
边框颜色：透明；
边界：无；
}
.当前标题按钮：焦点{
边框颜色：透明；
边界：无；
}
.current caption button.fa{
右边距：5px；
}
.当选{
显示：无；
}

$130
标志名称在这里
我们正在寻找一个干净的标志公司斯特里克特

挑选
挑选出来的
25天13小时00分
344

我希望这就是您要找的。为你的div添加一个z-index这将避免文本出现在hover div上，而且填充似乎是不需要的，我也删除了它

.lg电流内部{
边框：1px实心#bdbdbd；
边缘底部：30px；
位置：相对位置；
}
.lg每次比赛{
溢出：隐藏；
位置：相对位置；
}
.lg每个竞赛：悬停。当前标题{
不透明度：1；
}
.lg当前横幅。金额{
位置：绝对位置；
顶部：5px；
背景色：#fea700；
填充物：5px12px；
字体大小：22px；
右：0；
字号：600；
颜色：#fff；
}
.lg当前内容{
填充：10px；
}
.lg当前内容h3{
字体大小：24px；
线高：36px；
边缘顶部：10px；
}
.时间{
边框顶部：1px实心#bdbdbd；
位置：相对位置；
}
.时间.还押时间{
填充：10px；
}
.时间.还押时间.每次{
字体大小：14px；
字号：500；
}
.时间.还押时间.提交材料{
填充：2x10px；
背景：#1bcd80；
字号：500；
颜色：#fff；
边界半径：2px；
}
.当前标题{
位置：绝对位置；
排名：0；
左：0；
光标：指针；
右：0；
底部：0；
/*填充：25%0*/
z指数：10000；
宽度：100%；
身高：100%；
背景色：rgba（63,97,132,0.5）；
文本对齐：居中；
字体大小：15px；
不透明度：0；
-webkit过渡：所有0.4s都轻松推出；
-moz过渡：所有0.4都会变缓；
-o型过渡：所有0.4s缓解；
-ms过渡：所有0.4s缓解；
过渡：所有0.4s缓解；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
.当前标题按钮{
颜色：#fea700；
填充：6px 20px；
不透明度：1；
边界半径：4px；
背景：#fff；
字号：600；
字体大小：16px；
位置：相对位置；
最高：50%；
轮廓颜色：透明；
边界：无；
}
.当前标题按钮：悬停{
边框颜色：透明；
边界：无；
}
.当前标题按钮：焦点{
边框颜色：透明；
边界：无；
}
.current caption button.fa{
右边距：5px；
}
.当选{
显示：无；
}
$130
标志名称在这里
我们正在寻找一个干净的标志，流行服装公司strickt

挑选
挑选出来的
25天13小时00分
344

我不知道你在问什么。但是当我运行代码时，我看到光标没有显示按钮上的指针。我只是在你的CSS文件中添加了一些代码

.current-caption button {
   + cursor: pointer;
}

.current-caption button:hover {
   + background: #000;
} 

---

.current caption

必须位于顶部，而

.lg每场比赛

仅悬停

.lg当前内部{
边框：1px实心#bdbdbd；
边缘底部：30px；
位置：相对位置；
}
.lg每个竞赛：悬停。当前标题{
不透明度：1；
z指数：2/*