Html 过渡浏览器问题Css3

我已搜索，无法找到解决方案。我有一个id为#games的部分，我有以下链接设置

#游戏a{
不透明度：1.0；
过滤器：α（不透明度=100）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}
#游戏a：悬停{
不透明度：0.6；
过滤器：α（不透明度=5）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}

---

我认为您的

转换

语句缺少

淡入

参数-请尝试：

transition: opacity .5s ease-in-out;

---

我认为您的

transition

语句缺少

fade

参数-请尝试：

transition: opacity .5s ease-in-out;

---

在

a

上使用

display:block

，它会起作用，这是因为

a

标记是一个内联元素。如果您在“a”元素上“检查元素”，您将看到它没有环绕在它内部的元素上

让我知道这是否是你想要的

#游戏a{
显示：块；
不透明度：1.0；
过滤器：α（不透明度=100）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}
#游戏a：悬停{
不透明度：0.6；
过滤器：α（不透明度=5）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}

---

在

a

上使用

display:block

，它会工作这是因为

a

标记是一个内联元素。如果您在“a”元素上“检查元素”，您将看到它没有环绕在它内部的元素上

让我知道这是否是你想要的

#游戏a{
显示：块；
不透明度：1.0；
过滤器：α（不透明度=100）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}
#游戏a：悬停{
不透明度：0.6；
过滤器：α（不透明度=5）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}

---

您可以在

#游戏a

上使用

显示：内联块

#游戏a{
不透明度：1.0；
过滤器：α（不透明度=100）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
显示：内联块；
}
#游戏a：悬停{
不透明度：0.6；
过滤器：α（不透明度=5）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}

---

您可以在

#游戏a

上使用

显示：内联块

#游戏a{
不透明度：1.0；
过滤器：α（不透明度=100）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
显示：内联块；
}
#游戏a：悬停{
不透明度：0.6；
过滤器：α（不透明度=5）；
-o-转变：.5s；
-ms转换：.5s；
-moz转变：.5s；
-webkit转换：.5s；
过渡：.5s；
}

---

因此，从我对原始帖子的评论中可以看到一些后续问题

第一：锚点本质上是内联元素。您不能将块元素放在内联元素中，因此这是其他答案发挥作用的地方（使您的锚定

内联块

或

块

）

第二：除非更改属性，否则不需要在悬停时重新定义过渡<代码>：hover是一个更具体的选择器，但它不会使该元素上的其他样式无效。您可能还应该显式地添加一个转换函数，以便根据需要定制应用程序的行为，并使样式更具可读性

第三：不透明度很高，因此您不需要使用

过滤器。这尤其正确，因为过滤器指定了不同的不透明度，这将导致不一致的行为

第四：过渡也很重要。您真正需要的唯一前缀是
-webkit-
，即使在大多数情况下也不需要

更新代码：


#游戏a{
显示：块；
不透明度：1.0；
-webkit过渡：不透明度。5s轻松；
过渡：不透明度。5s缓解；
}
#游戏a：悬停{
不透明度：0.6；
}
因此，从我对原始帖子的评论中可以看到一些后续问题

第一：锚点本质上是内联元素。您不能将块元素放在内联元素中，因此这是其他答案发挥作用的地方（使您的锚定
内联块
或
块
）

第二：除非更改属性，否则不需要在悬停时重新定义过渡<代码>：hover

是一个更具体的选择器，但它不会使该元素上的其他样式无效。您可能还应该显式地添加一个转换函数，以便根据需要定制应用程序的行为，并使样式更具可读性

第三：不透明度很高，因此您不需要使用

过滤器。这尤其正确，因为过滤器指定了不同的不透明度，这将导致不一致的行为

第四：过渡也很重要。您真正需要的唯一前缀是
-webkit-
，即使在大多数情况下也不需要

更新代码：


#游戏a{
显示：块；
不透明度：1.0；
-webkit过渡：不透明度。5s轻松；
过渡：不透明度。5s缓解；
}
#游戏a：悬停{
不透明度：0.6；
}

您不需要在hove中重新定义转换