随笔分类 -  web

一些web方面的技能知识
浏览器的兼容性
摘要：1.Chrome 中文界面下会将小于12px 的文本显示12px 解决方法：-webkit-text-size-adjust: none; 2.超链接访问过后hover样式就不出现了 被点击访问过的超链接样式不在具有hover和active了 解决方法是改变CSS属性的排列顺序: L-V-H-A : 阅读全文
posted @ 2016-06-19 11:09 清风叶 阅读(153) 评论(0) 推荐(0)
jQuery动画连续触发反复执行解决办法
摘要：Query中slideUp ，slideDown，animate等动画运用时，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画反复执行 用jquery stop解决 $("#id").stop().slideUp(); 阅读全文
posted @ 2016-06-19 10:50 清风叶 阅读(3087) 评论(0) 推荐(0)
自定义样式的checkbox, radio
摘要：<div class="checkbox"> <label> <input type="checkbox"/> 选择框 </label> </div> .checkbox { position: relative; cursor: pointer; } .checkbox input { opaci 阅读全文
posted @ 2016-06-19 10:33 清风叶 阅读(137) 评论(0) 推荐(0)
css 生成三角形
摘要：1，生成有填充颜色的三角形 some-class { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 40px solid r 阅读全文
posted @ 2016-06-19 10:24 清风叶 阅读(520) 评论(0) 推荐(0)
inline-block 样式问题（不在一行，间距）
摘要：span { display: inline-block; } 设置样式后导致元素之间不在一行， 且有间距 <div> <span></span> <span></span> </div> 解决不在一行的方法 span { display: inline-block; vertical-align: 阅读全文
posted @ 2016-06-19 10:12 清风叶 阅读(3776) 评论(0) 推荐(1)
绝对定位实现与父元素一样的宽高，有内边距的情况
摘要：some-class { position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:auto; height:auto; } 阅读全文
posted @ 2016-06-19 08:56 清风叶 阅读(760) 评论(0) 推荐(0)
元素水平垂直居中
摘要：一些水平垂直居中的样式 1, some-class{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; } 2, some-class{ position: absolute; top: 50%; le 阅读全文
posted @ 2016-06-19 08:52 清风叶 阅读(131) 评论(0) 推荐(0)