Html Css在悬停时消失

我遇到了一个问题，当我在视频元素上悬停时，我丢失了css（边框半径正在改变）。视频行上的Tts。你们有谁知道我能做些什么来修复它吗？ 你可以看到我目前的网站

.gallery图像{
边界半径：10px；
位置：相对位置；
溢出：隐藏；
}

更新了Its，因为

转换

所以请从

中删除转换。画廊图像img

我检查了代码，发现通过删除溢出，您的div将超出边界（很少有px），所以删除转换是更好的方法。您的班级将如下所示：

.gallery-image img
{
    width: 100% !important;
    max-width: 100% !important;
}

---

已更新其原因是由于

转换

，因此请从

中删除转换。画廊图像img

我检查了代码，发现通过删除溢出，您的div将超出边界（很少有px），所以删除转换是更好的方法。您的班级将如下所示：

.gallery-image img
{
    width: 100% !important;
    max-width: 100% !important;
}

---

您已经在css中应用了过渡效果

.gallery-image img {
width: 100%!important;
max-width: none;
transition: .4s ;
}

将其更改为以下内容

.gallery-image img {
width: 100%!important;
max-width: none;
transition: transform .4s;
}

---

它将解决您在css中应用过渡效果的问题

.gallery-image img {
width: 100%!important;
max-width: none;
transition: .4s ;
}

将其更改为以下内容

.gallery-image img {
width: 100%!important;
max-width: none;
transition: transform .4s;
}

---

它将解决问题

我认为确切的解决方案是减少或删除img标签中的css转换效果

使用

反而

.gallery-image img {
    width: 100%!important;
    max-width: none;
    transition: .4s;
}

---

我认为确切的解决方案是减少或删除img标签中的css转换效果

使用

反而

.gallery-image img {
    width: 100%!important;
    max-width: none;
    transition: .4s;
}

---

---

请举例说明这个问题。链接到你这边是做广告的坏方法。这是我现在得到的唯一的例子。你可以试着进去看看。试着移除溢出：从.gallery图像类隐藏。@Leothelion移除溢出隐藏成功。但是怎么做呢？我在检查元素时发现了这种样式，所以我不确定这是否可以解决问题。请提供示例来说明这个问题。链接到你这边是做广告的坏方法。这是我现在得到的唯一的例子。你可以试着进去看看。试着移除溢出：从.gallery图像类隐藏。@Leothelion移除溢出隐藏成功。但是怎么做呢？我在检查元素时发现了这种样式，所以我不确定这是否可以解决img{/*border:0；*/}这将删除动画转换这是因为您已在

上应用了转换。gallery image img

将其更改为

。gallery image img:hover

。它将以正确的方式工作，但这就是发生此情况的原因。抱歉，您必须在

：hover

上应用transform属性这将删除动画转换这是因为您已在

上应用了转换。gallery image img

将其更改为

。gallery image img:hover

。它将以正确的方式工作，但这正是它发生的原因。抱歉，你必须在

：hover

上应用transform属性，你能告诉我为什么当我转到另一页时，我的菜单会跳来跳去吗？你说的是菜单1菜单2，它跳了2秒钟？是的。我不知道为什么。。当你把鼠标悬停在a标签上时，白色应该是不透明的。但我找不到任何东西，也不记得我给过它任何东西。请按f12进入控制台。你会看到很多js错误。尝试修复它们，可能你的问题会得到解决，所以首先解决它们。这两种js都是混用的，而且它们也不可用。如果你说的是绿色按钮在悬停时变为一点白色，那么是的，因为你在中使用了不透明度。按钮：聚焦，。按钮：悬停{背景色：rgba（155173,80，.8）；}把.8改成1，你就完成了。你能告诉我为什么我的菜单在另一页上跳来跳去吗？你说的是菜单1菜单2，跳了2秒？是的。我不知道为什么。。当你把鼠标悬停在a标签上时，白色应该是不透明的。但我找不到任何东西，也不记得我给过它任何东西。请按f12进入控制台。你会看到很多js错误。尝试修复它们，可能你的问题会得到解决，所以首先解决它们。这两种js都是混用的，而且它们也不可用。如果你说的是绿色按钮在悬停时变为一点白色，那么是的，因为你在中使用了不透明度。按钮：聚焦，。按钮：悬停{背景色：rgba（155173,80，.8）；}所以将.8改为1，你就完成了。