`
zhangdaiping
  • 浏览: 129424 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firefox对hover、active的兼容问题

 
阅读更多
ff4以上写法:
.x-bg {
	background-color: #fff;
}

.x-bg:hover {
	background-color: #ff000;
}

.x-bg:active {
	background-color: #000;
}


ff3.6必须加上标签才能生效,如下
.x-bg {
	background-color: #fff;
}

div.x-bg:hover {
	background-color: #ff000;
}

div.x-bg:active {
	background-color: #000;
}


分享到:
评论

相关推荐

    Firefox, IE5, IE5.5, IE6, IE7, IE8多种浏览器兼容的问题

    ### Firefox, IE5, IE5.5, IE6, IE7, IE8 多种浏览器兼容的问题 在早期的Web开发阶段,不同的浏览器之间存在显著的技术差异,这导致了跨浏览器兼容性问题的出现。本篇文章将针对Firefox、IE5、IE5.5、IE6、IE7以及...

    CSS种针对浏览器兼容问题的解决方法

    ### CSS针对浏览器兼容问题的解决方法 在网页开发过程中,不同浏览器对于CSS的支持程度各不相同,这导致了页面在不同浏览器下展示效果的差异。本文将详细介绍如何解决这些兼容性问题,帮助开发者确保网站在各种...

    javascript和css在IE和Firefox中的不同点及解决兼容性的方案

    JavaScript 和 CSS 在不同的浏览器之间可能存在兼容性问题,尤其是在 Internet Explorer (IE) 和 Mozilla Firefox 这两个浏览器中。本文将详细探讨这些差异,并提供相应的解决策略,以确保网站在各种浏览器中都能...

    最全的CSS浏览器兼容问题

    常见的浏览器有Chrome、Firefox、Safari、Edge和Internet Explorer等,它们对CSS的支持程度各不相同,尤其是在老版本的浏览器中,可能会出现一些特性不支持或者行为不一致的情况。 1. **CSS前缀**:为了支持新的CSS...

    用javascript作类似于QQ用户上线的消息提示框,兼容IE7,firefox.rar

    CSS3提供了许多强大的功能,如伪类(`:hover`, `:active`, `:focus`)和动画,但需要注意老版本的Firefox可能对某些CSS3属性支持不足。 最后,`用javascript作类似于QQ用户上线的消息提示框,兼容IE7,firefox.txt`...

    FF和IE兼容性问题

    FF(Firefox)和IE(Internet Explorer)作为两大主流浏览器,它们对CSS的解析方式存在一定的差异,这使得开发者需要进行额外的工作来确保页面在不同浏览器下展示一致。本文将深入探讨FF和IE之间的CSS兼容性问题,...

    IE与火狐常见的区别

    - **问题**:在CSS中,`hover`伪类的应用顺序在IE和Firefox之间存在差异,通常遵循Link-Visited-Hover-Active(L-V-H-A)的顺序。 - **解决方案**:明确地按L-V-H-A的顺序编写伪类规则,这有助于避免在不同浏览器上...

    CSS高级技术精华(浏览器兼容问题解决方案)

    例如,`border-radius`用于创建圆角效果,Firefox和Safari需添加前缀,而`border-image`则允许使用图像作为边框,但其浏览器支持度有限。九切片技术(nine-slice scaling)则能根据规则将图像划分为9部分,以适应...

    浏览器兼容性解决方法

    Firefox支持`display: inline-block`属性,但IE早期版本可能存在兼容性问题,需要使用其他方法来实现类似效果。 #### 16. Div元素的自动边距问题 在设置`div`元素的左右边距为`auto`时,Firefox能自动居中,而IE则...

    css FF与IE兼容性总结

    1. 超链接访问过后hover样式就不出现的问题 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A Code: <style type="text/css"> <!–...

    css+div 在IE中兼容

    Firefox对`padding`属性的处理方式与IE不同,支持多值设定,如`padding: 5px 4px 3px 1px`,分别对应`top`、`right`、`bottom`、`left`。 ### 4. 列表元素样式 对于`ul`和`ol`列表元素,清除默认样式(如`list-...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    div+css 兼容性总结

    - IE6、IE7和Firefox对`ul`和`li`的样式处理存在差异。通常,设定`ul`的`list-style:none`,并为`li`分配总宽度(包含`padding`)来保持一致。对于列表符号,最好使用字符或背景图片代替默认的项目符号。 5. **...

    如何让css在所有浏览器下兼容

    本文将详细介绍如何使CSS在各种浏览器(包括但不限于IE6、IE7、IE8以及现代浏览器如Firefox和Chrome)下兼容。 #### 一、使用条件性注释和特殊CSS规则 **1. 条件性注释** 条件性注释是一种专门针对Internet ...

    jQuery焦点图效果,兼容火狐、IE6及以上

    在本教程中,我们将深入探讨如何使用jQuery实现兼容火狐、IE6及以上浏览器的焦点图效果。 首先,我们需要引入jQuery库。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。你...

    DIV+CSS必考题.pdf

    8. Firefox中嵌套div的居中问题:在Firefox中,若要使嵌套的div在父div中水平居中,可以设置子div的`margin: 0 auto`。这种方法在IE中也有效,但Firefox有时需要额外处理。 这些知识点都是DIV+CSS布局中常见的问题...

    CSS3底部半圆形导航菜单代码,点击底部加号,会弹出一个半圆形的导航栏,不支持IE浏览器,支持chorme,firefox浏览器

    由于其依赖于CSS3特性,因此不兼容较老的IE浏览器,但可在Chrome和Firefox等现代浏览器中正常运行。 首先,让我们来了解一下CSS3的关键特性在这个案例中的应用。这个底部导航菜单主要利用了以下几点: 1. **伪元素...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    8. **Firefox嵌套div居中问题** 在Firefox中,嵌套的div通过设置父级的`text-align:center`来居中可能会失效。要使子div在Firefox中水平居中,可以给子div设置`margin: 0 auto;`,这将在所有主流浏览器中有效。 ...

    CSS浏览器兼容性与解析问题终极归纳[整理].pdf

    在Firefox中,即使没有DTD,它仍会使用标准模式解析,但Internet Explorer(特别是旧版本如IE6)则会触发怪异模式,导致渲染方式与标准模式不同。为了避免这种情况,最佳实践是在文档顶部添加合适的DOCTYPE,如`<!...

Global site tag (gtag.js) - Google Analytics