CSS3 导致的网页占用客户端内存偏高
昨天,我用桌面版 Chrome 的任务管理器发现本博客的首页,一个标签,占用内存达到 500多M,而其他网站的单个标签一般占用内存在 100M 以内,包括像淘宝、京东这样的庞大页面。很明显我的页面不正常。
经过一番排查,终于找到了问题所在。
昨天,我用桌面版 Chrome 的任务管理器发现本博客的首页,一个标签,占用内存达到 500多M,而其他网站的单个标签一般占用内存在 100M 以内,包括像淘宝、京东这样的庞大页面。很明显我的页面不正常。
经过一番排查,终于找到了问题所在。
在桌面浏览器下,本博客的右上角文章分类悬浮状态,会显示子分类下拉列表,列表的顶部有一个小三角。我今天突然发现,小三角下有1px的空隙。这个空隙绝对是最近才出现的,因为这么大的空隙实在难逃我的“像素眼”。
之前做的网页顶部导航天气预报,直接嵌入iframe,透明背景,无边框,不显示滚动条。
HTML 4 DTD定义了252个命名实体,通过名字引用这些实体的格式为&name;,例如, & 将绘制为&. Continue reading
移动互联网时代,同一张图片在不同屏幕尺寸、不同分辨率的移动设备上会有让人意想不到的效果。所以CSS定义按钮的样式会更好,由于CSS3的存在,效果并不比图片按钮差。发现一个CSS3按钮方案,非常合我的口味。效果如下
Continue reading
用IE进出小博时有种渐变效果,这两天连续有同学问到这个问题,我就顺便介绍一下,免得我每次都要贴代码解释,虽然我很喜欢解释,我喜欢别人从我这里获得满足感。 😉
在meta标签里用 blendTrans 和 RevealTrans 这两种滤镜可以产生渐变效果。滤镜嘛,IE专用,所以其他浏览器现在都可以回家吃饭去了。把下面其中一段代码放到网页的<body>和</body>之间,WordPress的话放 header.php 就好: Continue reading
在IE和Firefox下,点击超链接时会产生一个虚线框,
虽然几乎所有的网站都会有,
可是个人觉得非常影响美观(在Chrome和Opera中没有)
细心的同学可能早就发现了,点击whisperer.name上所有的链接是没有这个恶心的虚线框的。
下面我就介绍一下如何在WordPress中实现消除链接元素周围的虚线框。
Continue reading