CSS hack是为了兼容不同浏览器所采用的编写CSS代码的技巧。下面是通用方法的攻略:
CSS hack是为了兼容不同浏览器所采用的编写CSS代码的技巧。下面是通用方法的攻略:
一、注释法
在CSS代码块中编写以下代码:
.selector {
color: red; /*所有浏览器应用此代码*/
_color: blue; /*只有IE6、IE7浏览器应用此代码,其他浏览器忽略*/
*color: yellow; /*IE6、IE7应用此代码,其他浏览器忽略*/
}
其中,_color
是IE6和IE7独有的属性。*color
是通配符选择器,IE6~IE8解析时会忽略通配符,但是其他浏览器不会忽略。
二、属性值法
在CSS代码中编写以下代码:
.selector {
color: red; /*所有浏览器应用此代码*/
color: blue\9; /*IE6~IE8应用此代码*/
color: yellow\0; /*IE8应用此代码*/
color: green\9\0; /*仅IE9及更低版本未应用此代码*/
}
其中\9
表示IE6~IE8独有的属性,\0
表示IE8独有的属性。\9\0
表示在IE9及以上版本不应用。
以上两种方法是CSS hack中常用的方法。需要注意的是,因为CSS hack是通过不规范的CSS语言实现,所以在开发过程中,要避免滥用CSS hack,尽量使用标准规范的CSS语言编写代码。
沃梦达教程
本文标题为:CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
猜你喜欢
- 关于 javascript:如何在页面加载时调用 vue.js 函数 2022-09-16
- css让页脚保持在底部位置的四种方案 2023-12-14
- layUI ajax加载html页面后重新渲染的方法 2023-02-23
- vue form表单验证出现选择输入了值,但是还是提示未选择时的问题 2023-10-08
- TWebBrowser 与 MSHTML(2): 获取 window 对象的时机 2023-10-26
- Vue 实现轮播图功能的示例代码 2023-07-10
- 解决react-connect中使用forwardRef遇到的问题 2023-07-09
- Ajax轮询请求状态(微信公众号带参数二维码登录网站) 2023-01-21
- 原生ajax写的上拉加载实例 2023-02-15
- Ajax实现动态显示并操作表信息的方法 2023-02-23