Archive for August, 2006

Pages (4): « 1 2 3 4 »

ie utf-8 css 问题

Aug 24, 2006 Author: | Filed under: Uncategorized

utf-8编码的页面引用了非utf-8的css文件，而且css中有中文注释，这样就会导致IE出问题。记得，以前看过一篇文章大约说 IE 会试图用 utf-8 的方式来读取非 utf-8 的中文部分，然后导致错误

mozilla 获得鼠标坐标

Aug 23, 2006 Author: | Filed under: Uncategorized

<body onmousemove="DisplayMp(event)"> 当前鼠标坐标为： X： Y： </body> <script type="text/javascript"> function DisplayMp(event) { document.getElementById("mp_x").innerHTML = event.clientX +"px"; document.getElementById("mp_y").innerHTML = event.clientY +"px"; } // end of function DisplayMp </script> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

以下为引用内容:

在Mozilla系列浏览器中，直接使用event是不行的，会提示说event没有定义，因此在Mozilla或Firefox中调用时，需要变通一下。

在调用函数的时候，始终传一个event参数进去，在Mozilla中，会将Event对象传进去，而在IE下默认就有Event对象，也不冲突，这个问题就解决了。

via http://www.fwolf.com/blog/post/111

0 Comments

CSS 优化

Aug 18, 2006 Author: | Filed under: Uncategorized

看到此文 CSS Optimization: Make Your Sites Load Faster for Free，大意为，使用一些在线的 css 优化器对 CSS 进行优化处理，以减少css文件的大小。

介绍了这4个在线工具（注意是有顺序的，上面的更好一些）

Icey’s CSS Compressor 我这里试验多次，站点打不开

CleanCSS 推荐

CSS Optimizer

Flumpcakes CSS Optimiser

小研了一下，除了删除换行符以外，本blog的css优化了如下一些项目，很多知道但平常不注意。

Optimised number: Changed “0px” to “0″

0 不需要单位。

Optimised color: Changed “#66ccff” to “#6cf”

3位颜色缩写

Optimised shorthand notation (padding): Changed “0 2px 0 2px” to “0 2px”

上右下左顺序，重复部分缩写

Optimised font-weight: Changed “bold” to “700″

用 700 替代 bold，这倒真是第一次听说。

Removed empty selector: #calendar

删除空选择器

Optimised shorthand notation (margin): Changed “5px 0 0 0″ to “5px 0 0″

只声明前三位就可以了，最后一位来自第二位（上右下左顺序）。

0 Comments

用 CSS 模拟的frame 框架效果

Aug 17, 2006 Author: | Filed under: Uncategorized

使用框架页面的好处在于分隔，减少重复部分的刷新时间，多用于BS软件开发（分块写）。坏处在于搜索bot无法理解或者说理解困难。这里有个css的模拟框架效果，原文在 cssframes。小看了一下，改了个最简单的代码版本，便于大家理解。（ie6,firefox,opera 测试通过）

其实就是 position:absolute;position:fixed; 使红色部分位置“绝对固定”。由于ie不认识 fixed，所以只好隐去body 默认的滚动条，拿 div#content 的滚动条来替代。div#content 的高度为上下撑满，而且留足够的空间给 div#a 显示（省得压住一部分内容拉不出来）。

0 Comments