css
文章平均质量分 58
FuDesign2008
码农,主要从事富文本编辑器相关的开发与研究,欢迎交流,V信: FuDesign2008
展开
-
响应式网页设计
转载自 http://www.qianduan.net/responsive-web-design.html 这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下。 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以先看下这个PPT。 移动互联网的现状和未来转载 2011-12-15 16:32:53 · 1200 阅读 · 0 评论 -
iPhone上tab-highlight特效导致的问题与解决
最近开发iPhone上的富文本编辑器(参考 Rich-Text Editing in Mozilla), 遇到了与-webkit-tab-highlight-color相关的一些问题, 但未见到过讨论类似问题的文章, 故撰文总结. 问题 点击编辑器区域(顶级容器是 div[contenteditable=true] )以编辑内容时, 会出现以下情况: iOS 6上出现由内而外扩散的半透明原创 2014-01-07 21:23:35 · 3340 阅读 · 1 评论 -
Using Keyframes – WebKit CSS Animation Examples
Now WebKit supports explicit CSS animations! After seeing the new animation examples posted onWebKit.org, I needed to test keyframes by myself. So I have created a dumb-downed version of the fallen转载 2012-12-27 18:57:37 · 1495 阅读 · 0 评论 -
自定义webkit内核浏览器滚动条
webkit现在支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。 滚动条是一个伪元素,可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染。比如: ::-webkit-scrollbar { width: 13px; height: 13px; } width和height属性分别表示纵向滚动条的宽度和原创 2012-10-28 09:57:44 · 3391 阅读 · 0 评论 -
CSS3 background-size属性
当需要为retina屏幕提供更好用户体验时,非常有用! 我们一起来学习background-size的属性,别的先不说了,我们也先从其语法开始入手: background-size: auto || || || cover || contain 取值说明: 1、auto:此值为默认值,保持背景图片的原始高度和宽度; 2、此值设置具体的值,可以改变背景图片的大小;转载 2012-07-04 16:40:06 · 996 阅读 · 0 评论 -
解决IE6背景图片不能缓存的bug
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。 js 解决方法 try{ document.execCommand("BackgroundImageCache",false,true); }catch(ex){ // do nothing } 也可以用css解决 html { filter: expression(document原创 2012-05-02 19:11:45 · 721 阅读 · 0 评论 -
CSS3 border-radius note
css3 border radius border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-l原创 2012-02-29 11:45:09 · 715 阅读 · 0 评论 -
li出现间距,IE6/IE7 bug的解决方法
1.解决方案之一 为li设置CSS vertical-align:middle;(top/middle/bottom皆可) 2.解决方案之二 为li设置CSS width: 100%; float:left;原创 2012-02-29 11:09:52 · 2060 阅读 · 1 评论 -
animate.css 一些常用的CSS3动画效果
转载自 http://www.qianduan.net/animate-css.html 项目主页:http://daneden.me/animate/ 自定义下载样式:http://daneden.me/animate/build/ git地址:https://github.com/daneden/animate.css转载 2011-12-15 16:29:19 · 1073 阅读 · 0 评论 -
Chrome下, iframe中PageUp时导致父/祖先元素显示错位
Chrome下, iframe中PageUp时导致父/祖先元素显示错位的问题分析与解决 问题 实际工作中发现, 在Chrome浏览器下, 在iframe中按PageUp键, 会导致父元素显示错位. 如下图: 此时获取父元素的scrollTop, 值为1. 以下是实例代码: Editor Demo原创 2014-05-05 16:39:42 · 2758 阅读 · 0 评论