css
前端小八哥
这个作者很懒,什么都没留下…
展开
-
div 的width:auto到底代表什么意思
width:auto意义原创 2016-08-01 15:08:56 · 7975 阅读 · 0 评论 -
块元素、行内元素,替换元素、非替换元素
块元素,替换元素,非替换元素,行内元素翻译 2016-08-01 20:08:01 · 2252 阅读 · 0 评论 -
text-align的兼容性
本文将介绍text-align属性在不同浏览器下的区别以及用法。原创 2016-08-01 22:18:18 · 882 阅读 · 0 评论 -
自定义滚动条:兼容主流浏览器以及IE8+
mCustomScrollbar.js(依赖jQuery、jquery-mousewheel):兼容主流浏览器和IE,但是在ie8上滚动比较不顺畅。本文采用zUi;如下包括源码和demo,兼容性测试通过。zUI.js (依赖于jQuery)外层元素定高,overflow:hidden;内层元素长度自然撑开。对外层元素使用zui的方法panel();(function ($) { $.zUI...原创 2018-03-23 16:19:22 · 1927 阅读 · 0 评论 -
兼容IE8的圆角css3 border-radius
IE低版本不支持css3 新特性,因此需要做兼容性处理。 border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; behavior: url('ie-css3.htc');ie-css3.htc是什么? 参考https://www.cnblogs.com/baiyygynui/p/56656...原创 2018-03-23 16:27:33 · 1799 阅读 · 0 评论 -
兼容IE8的半透明背景
半透明背景 (子元素不透明):在IE低版本不支持这样写。background-color: rgba(0, 0, 0, 0.3) 半透明背景 (子元素也透明,在IE 8上只有背景透明,子元素不透明,ie9+子元素也透明了)opacity: 0.3综上,可以利用opacity在IE8上子元素不透明来做IE8上的背景透明,利用background-color: rgba(0, 0, 0, 0.3)...原创 2018-03-23 16:33:55 · 1722 阅读 · 0 评论 -
基线、行高、行内框、行框、vertical-align等概念理解
一、基本理论1. 基线:一行字横排时下沿的基础线,基线并不是汉字的下端沿,而是英文字母x的下端沿。2. 行高:文本行的基线间的距离3. 行距:行高与字体尺寸的差称4. 字体尺寸:font-size5. 内容区域:一行中的每个元素都有一个内容区域,它是由字体尺寸决定的6. 行内框:在没有其他因素影响的时候,行内框等于内容区域,而设定行高则可以增加或者减少行内框的高度。即:将行距的值(行高-字体尺寸)...原创 2018-05-02 15:14:16 · 7379 阅读 · 0 评论