任务11

2017-03-09  本文已影响0人  nicole914

什么是 CSS hack

由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack!

谈一谈浏览器兼容的思路

列举5种以上浏览器兼容的写法

<!--[if IE 6]>
    <p>You are using Internet Explorer 6.</p>
<![endif]-->
.box{
  color: red;
  _color: blue; /*ie6*/
  *color: pink; /*ie67*/
  color: yellow\9;  /*ie/edge 6-8*/
}
.clearfix:after{
  content: '';
  display: block;
  clear: both;
}
.clearfix{
  *zoom: 1; /* 仅对ie67有效 */
}
.boxshadow #MyContainer { 
border: none;
 -webkit-box-shadow: #666 1px 1px 1px;
 -moz-box-shadow: #666 1px 1px 1px;
} 
<script src="Scripts/Modernizr.js" type="text/javascript"></script>

以下工具/名词是做什么的

一般在哪个网站查询属性兼容性?

Can I use

上一篇 下一篇

猜你喜欢

热点阅读