2018 年 3月 8 日随笔档案 - Zmmy_W

2018年3月8日

摘要：为网站的图片加上加载失败的默认占位符会让网站看起来更专业、更严谨。 <img src=”__PUBLIC__/img/simple/simplelove.png” onerror=”onerror=null;src=’__PUBLIC__/img/defaultpic.jpg'”> 阅读全文

posted @ 2018-03-08 22:16 Zmmy_W 阅读(1332) 评论(0) 推荐(0) 编辑

浏览器滚动条样式更改

摘要： /* webkit内核浏览器 */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-button { width: 8px; height: 5px; } ::-webkit-scrollbar-track { background-c 阅读全文

posted @ 2018-03-08 21:59 Zmmy_W 阅读(176) 评论(0) 推荐(0) 编辑

让textarea完全显示文章并且不滚动、不可拖拽、不可编辑

摘要： textarea { width: 100%; border: none; outline: none; resize: none; overflow: hidden; padding-bottom: 100%; background-color: inherit; } 阅读全文

posted @ 2018-03-08 10:22 Zmmy_W 阅读(251) 评论(0) 推荐(0) 编辑

解决css3毛玻璃效果(blur)有白边问题

摘要：做一个登录页，全屏背景图毛玻璃效果，实现方法如下： HTML： CSS： .login-wrap { overflow: hidden; } .login-mask { /* IE6~IE9 */ filter: progid: DXImageTransform.Microsoft.Blur(PixelRadiu... 阅读全文

posted @ 2018-03-08 10:13 Zmmy_W 阅读(3564) 评论(0) 推荐(0) 编辑

CSS3边框会动的信封

摘要：静态效果图：阅读全文

posted @ 2018-03-08 10:12 Zmmy_W 阅读(1005) 评论(0) 推荐(0) 编辑

毛玻璃图层

摘要：以前写毛玻璃用的都是图层覆盖，看了 LEA VEROU 的《CSS揭秘》后才发现还有更优雅的毛玻璃：阅读全文

posted @ 2018-03-08 10:11 Zmmy_W 阅读(267) 评论(0) 推荐(0) 编辑

自定义优雅的文本下划线

摘要：效果：阅读全文

posted @ 2018-03-08 10:10 Zmmy_W 阅读(206) 评论(0) 推荐(0) 编辑

文本行的斑马条纹

摘要：周知，表格的斑马条纹只需简单的运用伪类 :nth-child()/:nth-of-type()来处理就好了：但是把这种效果运用在文本行的时候就有点力不从心了，尽管js可以实现这种功能，但是这在理论上有违纯粹原则（javascript不应该掺合到样式层面来），而且过多的DOM元素还会拖累整个页面的阅读全文

posted @ 2018-03-08 10:09 Zmmy_W 阅读(138) 评论(0) 推荐(0) 编辑

Zmmy_W

公告