骨灰级清除浮动.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
*zoom:1; //兼容ie
}内联元素相连之间存在间隙问题原因:内联元素是当做字体来处理的，字体之间是有间
一、关键帧动画 animation 属性 两个关键词 ：调用动画 animation。定义关键帧(动画) @keyframes 1.定义关键帧 兼容性前缀 @-webkit-keyframes,谷歌 @-moz-keyframes,火狐 @-ms-keyframes IE, @-o-keyframes; 欧朋 @keyframes; W3C 语法： @-webkit-keyfr
1、兼容性 根据canius（http://caniuse.com/#search=transition），transition 兼容性如下图所示： 在IE7-9进行测试时，transition的效果没有过渡效果（如线性过渡效果），但是还是有效果（立即执行transition-property，tr
转载
2017-03-23 09:27:00
474阅读
2评论
我们都知道，不同版本浏览器对css的解析是有些分别的，特别是IE6，和IE7.虽然现在使用老版本的人数不多，但是还是有部分人在使用，我们并不能完全忽略这群用户。如下所示：我们还是应该了解一下这些浏览器兼容问题。问题一：在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动（不然会出不在同一行）问题二：在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动；问题三：注意标签嵌套规范（
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertica
开篇笔者刚刚结束淘宝的工作，现在加入了一家有青春活力的垂直电商公司，正对着阿里巴巴的西溪园区，最近一直在熟悉新的工作环境和规范，因此博客有好些时间没有更新了，在此抱歉！
在忙碌完公司的发布系统之后，逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position：sticky属性的兼容。问题目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部
转载
2023-07-21 16:36:03
294阅读
常见的浏览器内核引擎以及具体应用： Trident： IE； Gecko： Firefox； webkit： Safari，Google Chrome，遨游3，猎豹，百度； Presto：Opera——Opera mini 书写顺序：fi
转载
2023-07-25 17:18:24
57阅读
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整
转载
2023-09-02 21:44:19
108阅读
盒模型属性【宽高width/height】(全兼容)
width
height
(IE6-不支持)
min-width
max-width
min-height
max-height【内边距padding】padding【边框border】(全兼容)
border
border-width
border-color
border-style
(IE8-不支持)
border-radius
(
转载
2017-07-18 10:17:56
751阅读
1.<div class="content float1"></div>以上这种写法：同一个HTML元素可以添加多个类名称，多个类名称之间用空格隔开。2.浏览器兼容性简介因为CSS代码是由浏览器软件来进行解释的，每个浏览器厂商到CSS标准执行的不是太完善。同一个网页，在不同浏览器下显示的效果不一样，这种现象就是“不兼容”。最不兼容的浏览器是：IE6、IE7、IE83.浏览器
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertica
转载
精选
2012-12-21 20:41:09
604阅读
#box{color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */_color:red; /* IE6支持 */*color:red; /* IE6、IE7支持 */*+color:red; /* IE7支持 */color:red\9; /* IE6、IE7、IE8支持 */color:red\0; /* IE8支持 *
原创
2014-07-01 18:40:51
513阅读
对于前端工程师来说，不想面对又不得不面对的一个问题就是兼容性。在几年之前，处理兼容性，一般地就是处理IE低版本浏览器的兼容性。而近几年，随着移动端的发展，工程师也需要注意手机兼容性了。本文将详细介绍CSS兼容性 盒模型属性【宽高width/height】(全兼容)
width
height
(IE6-不支持)
min-width
max-width
min-height
m
转载
2017-07-20 11:13:30
1467阅读
首先介绍一个通用且方便的解决的方案，由于目前IE6.0还是最主流的浏览器（早已过时），我们可以用一段JS调用解决IE6-IE8的兼容性问题，这是调用的一个在GoogleCode上的项目，速度快又不占用您的带宽。IE7 以下是代码片段：
<!–[ifltIE7]>
<scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/ve
6月2日晚华为鸿蒙2.0正式发布，这也标志着华为鸿蒙操作系统全面商用正式开始。对于华为的老用户来讲大家关注的不是鸿蒙表现有多惊艳，而关注自己的机型能不能适配的问题。与业内此前猜测的一样华为鸿蒙2.0正式发布之后，余承东亲自公布了适配计划以及适配的机型。具体的机型大家自己看就可以，问题的关键在于此升级适配计划一出大家直呼“余承东良心”。因为这个适配计划涉及的设备高达百余款，甚至是五年前的老机型都能适
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。 当然，即使标准正式...
转载
2015-06-23 13:06:00
332阅读
2评论
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题vertical-align:middl
用户使用的浏览器五花八门，我们要保证每一种浏览器都能兼容我们的代码，不能要求用户去改变浏览器，那么就得在我们的代码上下功夫。此时我们要用到hack。HACK就是针对不同的浏览器写不同的HTML、CSS样式，从而使各种浏览器达到一致的渲染效果。下面我们就分别了解一下HTML的hack和CSS的hack。（一）、HTML的hackHTML的hack由注释<!-- -->演变而来
转载
2023-07-21 17:10:32
110阅读
=======================================================比如 两个前后的元素一个左浮动一个右浮动 在ie6就自动换行了，比如 select在ie6是最顶层的元素，就是z-index永远是最高的，一般ie6下要套个frame比如..css兼容大部分上可以用hack方式解决。js方面就更多了，比如事件监听，非ie用addEventListener
转载
2016-05-27 07:18:00
79阅读
虽然现在很多项目已经对低版本IE不要求了，但是还有部分公司对IE8还是很执着的，咱作为屌丝前端程序员不能和老板说前端潮流，不能说趋势，只能动脑子了，下面就分享一些css3兼容ie8的方案思路。主要是实现弯道超车。比如css3的nth-child选择器，它有多好用就不解析了，问题它不兼容ie8，怎么破呢？1.用jq选择器实现弯道超车，比如我想选择前面五个li，可以这样选。$("li:nth-chil
