华仔博客

  • 首页
  • seo
  • 网站建设
  • 工具资源
  • 生活
  • 程序开发
  • 网上那点事
  • 网络营销
华仔博客
一个经验分享的博客
  1. 首页
  2. 程序开发
  3. 正文

css兼容问题CSS Hack来帮助你

2013年1月28日 1149点热度 0人点赞 0条评论

曾经以前虽然了解过css,div 但对浏览器的兼容问题真的一无所知。这次折腾商城,经过朋友介绍等,还有css hack 这个神奇的东西。我试用之后发现真的很好用。很多人都为了浏览器的兼容问题而烦恼,亲用了css hack 一切都解决了呼呼。直接分享下整理的css hack
CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.

我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11).

在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一.

IE系列:

selector { +property:value; } 在属性名前加上加号"+",这个Hack只有IE系列可以识别.
selector { *property:value; } 在属性名前加上星号"*",这个Hack只有IE系列可以识别.
selector { _property:value; } 在属性名前加上下划线"_",这个Hack只有IE系列 (除IE7外) 识别.
* html selector{ property:value; } 在选择器上运用继承法 * html selector, 这个Hack只有IE系列 (除IE7外) 可以识别.
html/**/ >body selector { property:value; } 在选择器上运用继承法 html/**/ >body selector ,这个Hack只有IE系列 (除IE7外) 可以识别.
selector { property/**/:value; } 在属性名和冒号":"之间加入注释,屏蔽IE6用.
selector/**/ { property/**/:value; } 在选择器和花括号"{"之间以及在属性名和冒号":"之间加入注释,屏蔽IE5和IE6用 (不屏蔽IE5.5) .
select/**/ { property:value; } 在选择器和花括号"{"之间加入注释,屏蔽IE5用.
*+html selector { property:value !important; } 在选择器上运用继承法 *+html selector 再加上 !important, 这个Hack只有IE7可以识别.

Firefox:

*:lang(lang) selector { property:value !important; } 用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.

Safari:

selector:empty { property:value !important; } 用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.

Opera:

@media all and (min-width: 0px){ selector { property:value; } } 利用特殊继承法进行定义的话,目前只有Opera可以识别.

以上的Hack并不完整,大家一起补充.

对Hack的运用,最普遍的是CSS盒模型Hack,清除浮动Hack.

CSS盒模型在IE5.X上是有严重解析错误的.这个Hack针对IE5.X:

selctor { width:IE5.X宽度; voice-family :""}""; voice-family:inherit; width:正确宽度; }

清除浮动Hack,相信这个定义用的人很多:

selector:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

另外还有很多很多CSS Hack的运用,一一列举的话可能能写成一本书了...想到再添加吧.

标签: css css hack
最后更新:2013年1月28日

admin

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复
广告
搜索
最新 热点 随机
最新 热点 随机
phpmyadmin 修改表 Table 'wp_options' is read only GSA Search Engine Ranker 项目窗口详细介绍 iRedMail 支持的密码 Wild Rift 英雄联盟手游美服转日服(国际服之间的转换)教程 网站更换主题喽 Burn It All Down (ft. PVRIS) _Worlds 2021 - League of Legends iredmail批量导入用户 Helo command rejected: ACCESS DENIED的 问题处理 宝塔面板编译开启ngx_pagespeed成功版 华仔教你如何看清一个网站和公众号 网站建设_wdcp mysql5.5升级5.6成功版 ios开发_UIButton的常见设置 ios开发_UIButton的状态 ios开发_什么是UIImageView ios开发_UIView的常见属性 ios开发_父控件、子控件 ios开发IBAction和IBOutlet的介绍 ios开发笔记 织梦dedecms集成微信公众平台功能(成功版最新版) spamassassin垃圾邮件拦截插件 号外号外谷歌字体国内已经正常打开 网络资源_Roundcube推荐插件整理 如何下载m3u8格式的文件 phpstudy forbidden 403错误的处理方法 centos7 mysql5.7安装教程 apache双机搭建高可用负载均衡 keepalived 安装教程 centos7下apache安装以及自动启动 营销魔术师的最新举动......震撼了100万营销人 centos7知识大全
iRedMail 支持的密码GSA Search Engine Ranker 项目窗口详细介绍phpmyadmin 修改表 Table 'wp_options' is read only
百度原创火星计划已经更新 北京seo详细介绍如何获取sitemap激活码 个人微信号怎么实现公众号自动回复功能 json gbk转utf8 seo博客_网站js代码优化 seo博客_关键词的密度及提高关键词密度的方法 Mountain Lion系统php环境的搭建 北京seo_SEO优化关键要素 seo中的那些链接 seo博客_引蜘蛛的目的以及怎么高效的引蜘蛛 北京seo开博第一篇 你若不离不弃,我必生死相依(雅安地震爱情集锦) phpstudy forbidden 403错误的处理方法 keepalived 安装教程 dedecms自定义表单添加验证码功能 js实现的最简单的滑动门 dedecms转wordpress详细版,成功版,经典版 软文营销的关键环节有哪些? 济南seo解释很多人不愿意原创的原因 seo博客_如何判断一个论坛适合不适合发外链 博客快照终于回来了 ios开发_什么是UIImageView 你真的会换链接吗 怎样利用网摘收藏做好网站推广? seo_文章怎么增加用户的阅读量 如何通过诱导点击策略做SEO排名? 博客做推广失败的原因及改进注意点 seo工具_免费刷百度下拉框,百度相关词 seo博客_seoer能干什么,干什么才能赚到钱 传统制造业开展SEO 普遍存在的四大问题

© 2021 sem-home.com.版权所有

主题KRATOS貌似作者网站打不开了,就没加,嗯就这样

京ICP备12020022号