web前端培训,hack处理
您的位置: 主页 > web前端文章 > css >

web前端培训中部分hack处理(一)【访问量:151】

在分享 web前端培训中部分hack处理 过程中 先来让大家来看看一些概念的东西


什么是hack处理

由于不同的浏览器  或者说 同一个浏览器 不同的版本号 对我们

网页中的标记语言 和 css样式 支持的 不同,那么就导致我们写的

网页 在不同的浏览器中 浏览的时候显示 是不一样的  当然也会出现

很多问题,比如有的浏览器完全的不支持 新的技术 比如 css3样式

那么这样一来就导致 浏览器无法正常的显示页面 那么这个时候我们

就要写兼容 针对不同的浏览器写不同样式 或者用不同的技术 的这种处理

就叫做hack处理


hack处理方案

1.通过浏览器支持的前缀 来标示样式

2.通过条件的注释


浏览器的前缀:只有在浏览器不支持的情况下 加上

新版的浏览器前缀:

谷歌浏览器 :-webkit-

苹果浏览器 :-webkit-

欧朋浏览器 :-o-

火狐:-moz-

IE: -ms-


老版本的IE前缀或后缀:

IE6: _    比如:_background:seagreen;

IE7:+或*  比如: +background:blue;

IE8-IE9:\0   比如:background:gold\0;

IE9:\9\0     比如:background:gold\9\0;

条件注释:

<!--[if IE]> 在里面的写得东西  只对IE浏览器可见 <![endif]-->

<!--[if IE 9]> 在里面的写得东西  只对IE9浏览器可见 <![endif]-->

<!--[if !IE 9]> 在里面的写得东西  只对除IE9以外的IE浏览器可见 <![endif]-->

<!--[if gt IE 9]> 在里面的写得东西  只对IE9以上的IE浏览器可见 <![endif]-->

<!--[if gte IE 9]> 在里面的写得东西  只对IE9和IE9以上的IE浏览器可见 <![endif]-->

<!--[if lt IE 9]> 在里面的写得东西  只对IE9以下的IE浏览器可见 <![endif]-->

<!--[if lte IE 9]> 在里面的写得东西  只对IE9和IE9以下的IE浏览器可见 <![endif]-->

<!--[if (IE 9)&(IE 10)]> 在里面的写得东西  只对IE9和IE10的IE浏览器可见 <![endif]-->

<!--[if (IE gt 6)&(IE lt 10)]> 在里面的写得东西  只对大于IE6和小于IE10的IE浏览器可见 <![endif]-->

<!--[if (IE 9)|(IE 10)]> 在里面的写得东西  只对IE9或IE10的IE浏览器可见 <![endif]-->

<!--[if (IE gt 6)|(IE lt 10)]> 在里面的写得东西  只对大于IE6或小于IE10的IE浏览器可见 <![endif]-->


针对IE浏览器写的兼容 文件的引用

用法:

<!--[if IE]>

    <link rel="stylesheet" href="IE.css">

    <script src="js/jquery.1.0.js"></script>

    <style></style>

<![endif]-->

好了这只是简单的第一部分内容

2018-04-17
下一篇:没有了
匿名评论