当前位置: 首页 > 面试题库 >

为什么我的CSS3 Transition无法在Firefox中使用?

陆弘新
2023-03-14
问题内容

据我所知,它正在使用相同的CSS在网站上的其他地方工作。它适用于Chrome。

这是无效的部分:

<a class="socialBox linkedIn">
    <h3>LinkedIn</h3>
    <p>linkedin.com/anthonyotislawrence</p>
</a> 
<a class="socialBox facebook">
    <h3>Facebook</h3>
    <p>facebook.com/anthonyotislawrence</p>
</a>

和CSS

.socialBox {
    display:block;
    min-width:200px;
    padding:4px 0 4px 55px;
    height:40px;
    line-height:20px;
    background-repeat:no-repeat;
    background-position:left center;
    position:relative;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    text-decoration:none;
    margin:30px 0;
}
.socialBox.linkedIn {
    background-image:url(../images/linkedin.png);
}
.socialBox.facebook {
    background-image:url(../images/facebook.png);
}
.socialBox:hover {
    left:15px;
    cursor:pointer;
}
.socialBox:hover p {
    text-decoration:underline;
}

问题答案:

看起来FF不会转换默认值。必须在原始元素上声明它们,然后才能转换为新属性。



 类似资料:
  • 问题内容: 为什么这个简单的Python代码不起作用? 这是我得到的错误: 我已经在几个不同的页面上尝试过,但是我永远无法获得正确执行的方法。 问题答案: 您的代码不是这里的问题。 IE中是否有任何代理设置? 这表示urllib.urlopen的python文档: 在Windows环境中,如果未设置代理环境变量,则将 从注册表的“ Internet设置” 部分获取代理设置。

  • 问题内容: 我找不到这个JSFiddle有什么问题。 HTML: JavaScript: 当我单击按钮时-什么也没发生。控制台显示“测试未定义” 我已经阅读了JSFiddle文档-那里说JS代码已添加到并且HTML代码已添加到(因此,此JS代码早于html,应该可以使用)。 问题答案: 该函数是在装入处理程序中定义的,因此属于不同的范围。正如@ellisbben在注释中指出的那样,您可以通过在对象

  • 问题内容: 我找不到这个JSFiddle有什么问题。 HTML: JavaScript: 当我单击按钮时-什么也没发生。控制台显示“测试未定义” 我已经阅读了JSFiddle文档- 那里说JS代码已添加到并且HTML代码已添加到(因此,此JS代码早于html,应该可以使用)。 问题答案: 该函数是在装入处理程序中定义的,因此属于不同的范围。正如@ellisbben在注释中指出的那样,您可以通过在对

  • 问题内容: 我有如下代码: 但是,不是在每次调用setText时在循环的每次迭代后更新文本区域,而是仅在完成所有任务运行后才更新文本。为什么会发生这种情况,我该如何解决? 问题答案: 您可能正在使用Swing线程,该线程正在等待代码执行才能更新UI。尝试为该循环使用单独的线程。

  • 问题内容: 为什么我们在Java中使用该方法?(请给出有关内存限制的答案。)这会减少内存使用吗?如果是,那怎么办?这样会减少内存泄漏的影响吗? 问题答案: 除了 不使用克隆外,还实现一个复制构造函数 ,您询问了内存限制。 克隆 的想法是创建克隆对象的精确副本。因此,在最坏的情况下,此后您将使用两倍的内存量。实际上- 少了一点,因为String经常被嵌入并且(通常)不会被克隆。即使由clone方法/

  • 本文向大家介绍为什么我们在jQuery中使用JSON.stringify()方法?,包括了为什么我们在jQuery中使用JSON.stringify()方法?的使用技巧和注意事项,需要的朋友参考一下 JSON或JavaScript Object Notation是一种轻量级的基于文本的开放标准,旨在用于人类可读的数据交换。使用JSON.stringify()方法将JavaScript对象转换为字符