thunkli

CSS grayscale

有时候需要做一些灰色的图片,鼠标划上去恢复彩色。IE6-9使用filter: gray即可实现,其他浏览器使用grayscale(100%)也可实现,但目前Firefox尚不支持,需要svg滤镜来实现 .grayscale{ -webkit-filter:grayscale(1); /* Chrome 19+ & Safari 6+ */ /* Firefox 3.5+ */ filter:url(‘data:image/svg+xml;utf8,<svg xmlns=\’http … 继续阅读

发表在 Memo |
thunkli

判断IE版本的一种写法

 var IE = (function() {     var v = 3,         div = document.createElement(‘div’),         all = div.getElementsByTagName(‘i’);     while (         div.innerHTML = ‘<!–[if gt IE ‘ + (++v) + ‘]><i></i><![endif]–>’,         a … 继续阅读

发表在 Memo |
thunkli

Windows Chrome 重启扩展丢失解决方案

如果您的浏览器用户个人资料已损坏,请创建新的用户个人资料,以替换损坏的个人资料。 适用于 Windows 的说明: 完全退出 Google Chrome。 按键盘快捷键 Windows 键  + E,打开 Windows 资源管理器。 在显示的 Windows 资源管理器窗口的地址栏中输入以下内容: Windows XP:%USERPROFILE%\Local Settings\Application Data\Google\Chrome\User Data\ Windows Vista/Win … 继续阅读

发表在 Memo |
thunkli

CSS 2列百分比定位

优先加载内容区 <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″ /> <title>布局</title> <style> .demo { overflow: hidden; width: 1000px; height: 600px; padding: 10px; margin: 0 auto; background: #f9f9f9; } .columns … 继续阅读

发表在 Memo |
thunkli

CSS聊天小气泡

<!DOCTYPE HTML> <head> <meta charset=”utf-8″> <title>bubble</title> <style> .message { max-width: 320px; margin: 50px auto; } .bubble { padding: 20px 30px; background: #76ea5e; color: #fff; border-radius: 35px; pos … 继续阅读

发表在 Memo |
thunkli

RGBA和HSLA

在CSS3里我们可以使用RGBA和HSLA两种色彩模式,二者均可以用来在设置颜色的同时指定其它透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”,而HSLA则代表“色调、饱和度、亮度和Alpha透明度”。 继续阅读

发表在 Memo |
thunkli

form元素与属性

在HTML5中,吸纳了Web Forms 2.0的标准,大幅度强化了针对表单元素的功能,使得关于表单的开发更快、更方便。 继续阅读

发表在 Memo |
thunkli

CSS透明

网页前端开发中,为了实现一些特殊效果,需要将页面元素变透明,本文介绍用 CSS 实现支持 Firefox 和 IE 的 Alpha 透明效果。 继续阅读

发表在 Memo |