27个web前端兼容性及经验汇总
爱前端网 - Yang 发布于 2016-12-15
1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...
阅读(1999)赞 (0)
爱前端网 - Yang 发布于 2016-12-15
1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...
阅读(1999)赞 (0)
爱前端网 - Yang 发布于 2016-06-23
1.reset.css: html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo...
阅读(1984)赞 (1)
爱前端网 - Yang 发布于 2016-04-27
1.清除图片下方出现几像素的空白间隙 方法1: img{display:block;} 方法2: img{vertical-align:top;} 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的length和...
阅读(1753)赞 (0)
爱前端网 - Yang 发布于 2015-12-16
JavaScript 1.HTML对象获取问题 FireFox:document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idNameR...
阅读(2039)赞 (0)
爱前端网 - Yang 发布于 2015-06-05
这里收集了30个非常有用的CSS代码片段,非常值得大家去收藏,以备不时之需。 1、创建跨浏览器的图像灰度 如何将图片制作为灰度图片,而且在所有的浏览器中都表现一致呢?答案是结合使用svg和filter过滤器。 <svg xmlns=”http://www.w3....
阅读(2222)赞 (0)
爱前端网 - Yang 发布于 2014-09-04
本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无...
阅读(1970)赞 (0)
爱前端网 - Yang 发布于 2014-07-05
TAG:自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,在dushuwu.net中不乏这方面的文章,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 对于div,p等块级元素 正常文字的换行(...
阅读(2785)赞 (0)