- 浏览: 1507120 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (595)
- Java咖啡厅 (208)
- IT杂侃 (23)
- 程序员笑话 (7)
- 我的后现代文学 (1)
- WEB编程 (116)
- 软件评测 (8)
- 操作系统 (3)
- 炫目Ruby (2)
- 行业知识 (7)
- 我的动漫情结 (6)
- 其他 (8)
- Window DIY (6)
- 古文学 (3)
- 转载文章 (2)
- IT百科 (7)
- 动态网页Active (1)
- 文档 (1)
- 设计理论 (11)
- .NET 快速开发 (18)
- 英语学习 (6)
- 网站分析 (2)
- 开源软件 (4)
- 数据库 (28)
- 笔记 (4)
- 源代码共享 (8)
- IT人物 (2)
- 软件管理 (10)
- 小说创作 (0)
- 大众软件 (12)
- 网站评论 (3)
- 小虾乱说 (10)
- 游戏 (8)
- 心情 (3)
- 娱乐休闲 (2)
- Delphi编程 (1)
- PHP编程 (4)
- 中间件 (2)
- 移动开发 (2)
- Office应用 (2)
- Photoshop (1)
- Eclipse (5)
- 面试题 (1)
- 手机评测 (0)
- VBScript (1)
- WEB前端-EXT (3)
- 吐槽 (1)
- Java咖啡厅 Ibatis (1)
- javascript Ext (1)
- jquery ui (1)
- require (1)
- WEB编程 Javascript (1)
- jquery (1)
- Swing (1)
- 分布式 (1)
最新评论
-
zhangjihao:
28. 下面哪个Set是排序的? A. LinkedHas ...
Java面试题(选择题) -
zhangthe9:
ICMP报文被封装在IP包里,也就是说他是由IP协议承载的,从 ...
Java面试题(选择题) -
zhunengfei:
真的假的?
自已写的jquery ui框架 -
white_crucifix:
少年,发烫是所有智能手机的特点,而莫名发烫是所有安卓手机的特点 ...
【吐槽】三星手机的OS是一砣屎 -
suzu88:
试了一下,可以用。如果美化一下控件和窗体更有意思。
一个用XML构建Swing视图的框架
浏览器对CSS选择器的支持情况
1. 说明
• √ 表示目前支持.
• Δ 表示该选择器有部分支持.
• Χ 表示不支持.
• * 表示通用选择器
• E 表示标签选择器
• .class表示类型选择器
• #id表示ID选择器
2. 基本选择器
Selector |
FF3.0 |
FF 2.0 |
FF 1.5 |
IE8 |
IE7 |
IE6 |
* |
√ |
√ |
√ |
√ |
√ |
√ |
E |
√ |
√ |
√ |
√ |
√ |
√ |
.class |
√ |
√ |
√ |
√ |
√ |
|
#id |
√ |
√ |
√ |
√ |
√ |
√ |
3 多元素的组合选择器
这里E和F表示任意的基本选择器。
Selector |
FF3.0 |
FF2.0 |
FF 1.5 |
IE8 |
IE7 |
IE6 |
E F |
√ |
√ |
√ |
1. |
√ |
√ |
E > F |
√ |
√ |
√ |
√ |
√ |
Χ |
E + F |
√ |
√ |
√ |
√ |
√ |
Χ |
4 CSS 2.1 属性选择器
Selector |
FF3.0 |
FF2.0 |
FF 1.5 |
IE8 |
IE7 |
IE6 |
E[attr] |
√ |
√ |
√ |
Δ |
Δ |
Χ |
E[attr=val] |
√ |
Δ |
Δ |
√ |
√ |
Χ |
E[attr~=val] |
√ |
Δ |
Δ |
Δ |
Δ |
Χ |
E[attr|=val] |
√ |
Δ |
Δ |
Δ |
Δ |
Χ |
5 CSS 2.1中的伪类
Selector |
FF 3.0 |
FF2.0 |
FF1.5 |
IE8 |
IE7 |
IE6 |
:first-child |
√ |
Δ |
Δ |
Δ |
Δ |
Χ |
:link |
√ |
√ |
√ |
√ |
√ |
√ |
:visited |
√ |
√ |
√ |
√ |
√ |
√ |
:lang() |
√ |
√ |
√ |
Δ |
Χ |
Χ |
6 CSS 2.1中的伪元素
Selector |
FF3.0 |
FF2.0 |
FF 1.5 |
IE8 |
IE7 |
IE6 |
:before |
√ |
√ |
√ |
√ |
Χ |
Χ |
::before |
√ |
√ |
√ |
Χ |
Χ |
Χ |
:after |
√ |
√ |
√ |
√ |
Χ |
Χ |
::after |
√ |
√ |
√ |
Χ |
Χ |
Χ |
:first-letter |
√ |
√ |
√ |
Χ |
√ |
√ |
::first-letter |
√ |
√ |
√ |
Χ |
Χ |
√ |
:first-line |
√ |
√ |
√ |
Χ |
√ |
√ |
::first-line |
√ |
√ |
√ |
Χ |
Χ |
√ |
7 CSS 3的同级元素通用选择器
Selector |
FF3.0 |
FF 2.0 |
FF 1.5 |
IE8 |
IE7 |
IE6 |
E ~ F |
√ |
√ |
√ |
√ |
√ |
Χ |
发表评论
-
AJAX
2019-06-12 22:41 871Ajax 全名为Asynchronous Javas ... -
Webpack入门配置
2019-01-05 15:33 3193Webpack是一个强大前端集成工具,它在Nodejs的基础 ... -
解决Jetty做Web容器时,修改JS或HTML出错的问题
2018-07-03 18:28 1074解决的方法 1. 进入jetty的安装目录 ... -
用JQuery做的一个分页效果
2018-05-28 02:29 2328这个效果主要使用jquery来实现, 每次显示 ... -
Vue自已写的日历插件
2018-05-07 12:36 6415自已写的日历插件,还在优化中,后续会陆续更新。 ... -
无刷新上传文件的方法
2018-04-15 00:05 827这里使用jquery.form.js的方法 1. ... -
zrender学习点滴
2018-01-21 20:37 1809Zrender是一个二维绘图引擎,它提供了Canvas,S ... -
原创程序- Web版数据库管理
2017-11-15 00:39 1177这是我自已写的Web版的数据库管理工具,主要是依赖于JDBC ... -
Vue学习点滴
2017-09-23 22:11 7361. 循环 v-for="(item, ... -
Eclipse创建Web项目
2017-07-29 10:53 7751. 打开创建Web项目的对话框 2 ... -
HTML5 新增功能收集
2017-04-29 03:18 658HTML 5是HTML发展以来最大的一次变革,相比其 ... -
Bootstrap学习记录点滴
2017-04-28 00:56 9121. 学习Bootstrap必进的学习网站 ... -
关于地图显示的一些知识
2017-02-18 23:34 9221. 墨卡托(Mercator)投影 墨卡 ... -
CSS知识记录点滴
2017-02-05 11:06 5951. 元素无法选择 -webkit-u ... -
用JS制作3D效果布局
2016-12-04 22:18 25这是用JS做的一个3D布局效果的程序, 目前还是研究 ... -
tntxiawebmvc 做国家管理的系统
2016-11-19 18:21 8641. 首先我们先增加一个Web项目 如图:我们在左 ... -
jtopo学习记录
2016-11-13 13:34 15291. 通过JSON的格式来创建结点: $(funct ... -
Html 5 Canvas 学习记录
2016-11-13 10:28 5831. stroke beginPath endPat ... -
jquery杂记
2016-08-11 19:11 6911. $ 的作用 $ 在jquery里面有两 ... -
自已写的jquery ui框架
2016-03-08 23:53 1545这个是自已写的一个jquery ui的插件,目的是 ...
相关推荐
### 各个浏览器对于CSS3和HTML5支持情况 随着Web技术的发展,HTML5与CSS3已成为现代网页设计中不可或缺的一部分。这两种技术为开发者提供了更加强大、灵活且丰富的工具来构建网页应用。然而,不同浏览器对这些新...
4. **CSS3选择器**:像`:nth-child()`、`:not()`、`:checked`等高级选择器在老式浏览器中可能不被支持,需谨慎使用。 5. **Border-radius**:圆角边框在大部分现代浏览器中广泛支持,但在IE8及以下需要使用`-ms-...
除此之外,还有许多其他兼容性问题,例如CSS中的盒模型、透明度、伪类选择器、CSS3属性等。例如,IE6使用自己的盒模型,而其他浏览器遵循W3C标准。为解决此问题,可以使用`box-sizing`属性来指定盒模型,或者使用...
这种技术利用了各个浏览器对CSS支持的不同特性,使得某些样式规则仅在特定浏览器中生效。这样就可以解决因浏览器解析差异导致的显示不一致的问题。 #### 二、Hack技术的应用场景与原理 **1. **IE专有Hack:** - **...
这可能涉及到使用hack技巧、条件注释、前缀、重置CSS等方法,确保样式在各个浏览器中的表现一致。 总之,《CSS-浏览器兼容实战》为开发者提供了全面的指导,帮助他们面对复杂多变的浏览器环境,编写出高效、兼容性...
"CSS浏览器兼容性速查"是开发者在工作中不可或缺的一个参考资料,它帮助我们了解各种CSS属性在不同浏览器上的表现,以便于优化代码,确保网站在主流浏览器上都能正常显示。 首先,我们要理解浏览器兼容性问题的来源...
首先,我们可以使用特定的CSS选择器来让特定浏览器识别某些样式。例如,对于IE6,我们使用`*html .head{color:#000;}`,其中星号(*)前缀的选择器只有IE6会识别。而IE7则可以识别`*+html .head{color:#000;}`,这里的...
2. **CSS渲染差异**:解释CSS选择器的支持情况、盒模型差异、前缀属性的使用,以及如何通过reset.css或 normalize.css来减少这些差异。 3. **JavaScript兼容性**:讨论不同浏览器对ES6及以上版本语法的支持,以及...
在导航菜单的设计中,可能用到了这类选择器来控制各个导航项的样式。 5. **盒模型调整**:CSS3的盒模型允许开发者自定义元素的宽度、高度和内边距,使布局更加灵活。在这个半圆形导航菜单中,盒模型的调整可能用于...
然而,由于各个浏览器之间的实现差异,CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE(Internet Explorer)和Firefox,它们在解析CSS规则时有着不同的理解和执行方式。本篇文章将深入探讨CSS在不同...
5. **选择器**:CSS提供了多种类型的选择器,包括标签选择器、类选择器、ID选择器等,用于精确地定位和样式化页面元素。 #### 四、CSS在实际开发中的应用 在实际开发中,CSS的应用非常广泛。它可以用来控制页面的...
CSS选择器允许我们以精确的方式控制网页上的各个元素样式。 首先,我们要理解CSS选择器的基本类型。这些包括: 1. **类型选择器**:例如`h1`,`p`等,基于HTML元素类型来选择元素。 2. **ID选择器**:通过`#idname...
CSS Hack是一种针对不同浏览器之间解析CSS规则差异的技术,目的是确保CSS样式在各个浏览器中的一致性。在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取...
为了确保网页在各个浏览器中的良好表现,前端工程师需要掌握一系列的技巧和方法来解决这些兼容性问题。随着技术的发展,现代浏览器对CSS的支持越来越完善,但在实际项目中仍然需要注意旧版浏览器的兼容性问题。
综上所述,通过巧妙运用CSS3的选择器、动画、布局和响应式设计特性,我们可以构建一个与360浏览器错误提示页面类似的特效。这个压缩包中的源码应该包含了这些技术的具体实现,通过学习和分析这些代码,开发者可以...
4. **选择器兼容性**:高级CSS选择器如`:not()`, `:nth-child()`, 和 `::before/::after`在不同浏览器中的支持情况,这对于编写高性能和可维护的CSS至关重要。 5. **浏览器属性**:一些特定于浏览器的扩展属性,如...
- 避免使用过于复杂的CSS选择器和属性,因为它们在旧版浏览器中可能不受支持。 - 逐步增强(Progressive Enhancement)和优雅降级(Graceful Degradation)策略,确保核心功能在所有浏览器中都能正常工作,而高级...
事件绑定则涉及对选择器的各个级别添加事件监听器,当用户在某一级别做出选择时,触发相应的处理函数,更新下一级别的选项。 为了兼容主流浏览器,开发者需要注意JavaScript代码的跨浏览器兼容性。虽然现在大部分...
许多CSS3属性在初期为实验性质,各个浏览器厂商使用了自己的私有前缀,如 `-webkit-` (Chrome, Safari), `-moz-` (Firefox), `-ms-` (Internet Explorer), `-o-` (Opera)。为确保跨浏览器兼容性,需要为这些新特性...