思路: chrome/firfox/ie8+ 使用:after伪类+display:inline-block;让大小不固定图片垂直居中
ie7/ie6 使用父元素设置font-size: value; /* value值约为高度的0.873,淘宝前端使用的font-size方法*/
[……]
思路: chrome/firfox/ie8+ 使用:after伪类+display:inline-block;让大小不固定图片垂直居中
ie7/ie6 使用父元素设置font-size: value; /* value值约为高度的0.873,淘宝前端使用的font-size方法*/
[……]
应网友要求,在这里共享下本博客返回顶部效果实现源码!实现思路: 主要使用css3新属性:transition & transform 及定位属性position来实现按钮的滚动展示效果!3个属性具体用法有兴趣的童鞋可以云了解学习下。当然了ctrl+c & ctr[……]
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。
但是值得注意的是官方介绍中已明确表态说这个插件不支持ie6,下面将提供多实例化Zero Clipboard复制功能的实现及兼容ie6的写法!
[……]很多wordpress博客都会有个侧边栏滚动定位效果:
当拖动滚动条到第1个临界值时,一固定区域块以随页面滚动而一直显示在页面一固定的视觉区域;
当拖动滚动条到第2个临界值时,这一固定区域块以“固定位置”的形式钉在页面上显示;
[……]好多网站的搜索栏都有一个麦克风,据说这货是语音搜索!
一直以为这是什么十分高深的技术,看了网上的相关文章介绍之后,才发现添加这个东西原来可以这么简单。
只需要在type为text的input标签里面加x-webkit-speech属性即可在轻松为搜索框加上主[……]
当一个容器里的文字与设置了display:inline-block属性的元素(或元素本身是行内元素,如:img、input、textarea、select、object)相连时,ie6下,对这个容器设置的line-height数值就会失效!
解决方法是对与文字同级的行内元素或行内块[……]
问题描述:input标签(不包含type="checkbox"类型标签)的父元素有加水平方向的margin,则水平方向的margin会成双倍显示。
问题代码:<div style="width:300px; height:35px; border[……]
问题描述:
ie6下,空标签块元素height定义失效,表现为除设置的height值外还会显示N像素额外的高度。
实际运用中,若标签为空且定义了小于14px的高度,再加入一背景图的话,会发现该元素高度同其它浏览器不同,即定义的高度始终会显示成height:14px 。[……]
问题描述:
ie6下,当<li>标签中的内容是一个<a>元素并且a标签或a标签里面的子元素如:<img/>标签设置了“display:block”,此时ie6浏览器中,将不会忽略列表标签li之间的空格,表现为显示成额外的一[……]
如下一段代码,display:inline-block元素间的多余空白:
<style type="text/css"> *{margin:0; padding:0;} body{font:12px/20px Tahoma, Geneva, s[......]