幻龙网络

修改IIS默认网址localhost为简短的网址

admin — Thu, 03 Jul 2008 12:27:45 +0800

　　Windows的IIS默认的网址是http://localhost，如果是自己测试网站的话，每次都输入这么长的地址，太不方便了，可以改成简短的网址形式吗？

　　答案是可以的。

　　如果是windows 2003，就用启事本打开C:\WINDOWS\system32\drivers\etc\Hosts文件，注意，这是一个文件，不是一个目录，是一个没有后缀名的文件，如果是windows xp…..应该也是在这个路径吧，我现在没有XP，不知是不是。这个文件里面，原来可能是空的，也可能有一些东西，不用管它，在最后添加一行：

　　127.0.0.1 (注意这里有一个英文半角空格)你要改为的名字

　　例如：

　　127.0.0.1 01on

　　然后你就可以在IE里输入http://01on这么简短的网址来访问你的IIS里的网站了，当然只是你自己可以访问，别人访问不了。

CSS的解决IE5/IE5.5/IE6/FF/IE7的兼容性问题(css hack)

admin — Tue, 01 Jul 2008 14:12:12 +0800

之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。

既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于文件的优化。

找了一些相关的CSS HACK后，觉得应该可以把IE5/IE5.5/IE6/FF的HACK写到一起的，经过测试，终于找到了一个不错的方法，下面我们来看看怎么实现：
大家都知道用!important声明可以提升指定样式规则的应用优先权，如下面的例子：

复制内容到剪贴板

代码:

E1{ background-color: red !important;/*提升优先权*/ background-color: blue; }

但这样写在IE中会有个问题，看过我的《关于CSS样式表优先级》和《关于CSS样式表优先级补遗》，你会知道在IE6和FF中用! important声明可以提高优先级别，但在IE6中的!important声明并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“red”。根据这一点，我们就可以把FF和IE的样式分离开。
OK ，解决了FF和IE的问题，现在来解决IE自己的问题。

看过了嘟嘟的《绕过IE6支持IE5的别一种写法-IE也支持”>”》后有感而发，使用“＞”IE是否真的可以认得？我们来看个例子：

复制内容到剪贴板

代码:

E1{ background-color: red; ＞background-color: blue; }

在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“＞”，则应该得到的蓝色的背景，因此可以知道 “＞”只有IE可以识别，这点是很重要的哦！在后面大家就会知道了。（注：我测试过其它的一些符号，如“~”、“`”、“＜”等，都只有IE可以识别，在此为了感谢嘟嘟，推荐使用“＞”）

我们再来看个例子：

复制内容到剪贴板

代码:

E1{ ＞/*IE only*/background-color: black; ＞/*IE only*/background-color /*IE5.5*/: green; }

这个例子在IE6中得到了黑色的背景；而在IE5.5中得到的绿色的背景；在IE5中也得到了黑色的背景。这就说明了第二句定义只有IE5.5能识别，这是个很早就公布的HACK，可以在网上找到相关的资料，要注意的就是在属性名之后是有一个空格的。到此我们已经把FF、IE5.5、IE6分离出来了，那 IE5呢？其实现在我们只要把IE5跟IE6分开就OK了，来看看例子：

复制内容到剪贴板

代码:

E1{ ＞/*IE only*/background-color: red;/*IE5*/ } E1/*IE5.5+*/{ ＞/*IE only*/background-color: black; }

这里我们又用到一个HACK，就是“E1/**/{}”，这个定义在IE5以上的版本才能识别出来。这个例子得到的结果是，在IE5中的背景色为红色；在IE5以上版本中得到的是黑色背景。
终于把不同版本的浏览器都分离出来了，这样我们就可以为不同的浏览器定义不同的样式了。来看个完整的例子：

复制内容到剪贴板

代码:

E1{ width: 500px; height: 50px; background-color: red !important;/*FF*/ background-color: blue;/*IE5*/ text-align:center; } E1/*IE5.5+*/{ ＞/*IE only*/background-color: black;/*IE6*/ ＞/*IE only*/background-color /*IE5.5*/: green; }

需要注意的是，在上面例子中“background-color”定义的顺利不能改变，即FF-IE5-IE6-IE5.5。对于IE的定义在属性前要加“＞”，因为“E1/**/{}”这个HACK在FF中可以识别。也许你会想，上面的例子不是可以写成：

复制内容到剪贴板

代码:

E1{ width: 500px; height: 50px; background-color: red;/*FF*/ ＞background-color: blue;/*IE5*/ text-align:center; } E1/*IE5.5+*/{ ＞/*IE only*/background-color: black;/*IE6*/ ＞/*IE only*/background-color /*IE5.5*/: green; }

这样不就又可以省下几个字节？是没错，可是HACK不是标准，如果滥用HACK，那只会离标准越来越远！

总结：IE6/FF/IE7 能认识的符号

IE6能识别下划线_和星号*，IE7能识别星号*，当不能识别下划线_，而firefox两个都不能认识。等等

书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面如何写里面说得更详细些。

如何写CSS Hack
比如要分辨IE6和firefox两种浏览器，可以这样写：

复制内容到剪贴板

代码:

<style> div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } </style> <div>我在IE6中看到是红色的，在firefox中看到是绿色的。</div> <style> div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } </style> <div>我在IE6中看到是红色的，在firefox中看到是绿色的。</div>

解释一下：
上面的css在firefox中，它是认识不了后面的那个带星号*的东东是什么的，于是将它过滤掉，不予理睬，解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。
在IE6中呢，它两个background都能识别出来，它解析得到的结果是:div{background:green;background:red;},于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。

CSS hack:区分IE6，IE7，firefox
区别不同浏览器，CSS hack写法：

区别IE6与FF：

复制内容到剪贴板

代码:

background:orange;*background:blue;

区别IE6与IE7：

复制内容到剪贴板

代码:

background:green !important;background:blue;

区别IE7与FF：

复制内容到剪贴板

代码:

background:orange; *background:green;

区别FF，IE7，IE6：

复制内容到剪贴板

代码:

background:orange;*background:green !important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;

复制内容到剪贴板

代码:

IE6 IE7 FF * √ √ × !important × √ √

用css hack解决IE5 IE5.5 IE6 Firefox浏览器兼容性

admin — Sun, 29 Jun 2008 14:11:05 +0800

一直比较关注，最近找了一个比较全的，分享一下。
为了不同浏览器的观看效果，我们当然没必要为每个浏览器的不同版本写一个样式，这里我们利用“IE条件注释”。
找了一些相关的CSS HACK后，总结的几个方法。
1. 区别FF和IE
1-1
首先，当然是!important大法，可以提升指定样式规则的应用优先权，如下面的例子：
插入代码：
div{
background-color: red !important;
background-color: blue;
}因为!important声明在IE6中并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“red”。
1-2
还有一种方法，就是IE浏览器可以识别“>”等一些符号，如“~”、“`”、“
插入代码：
div{
background-color: red;
>background-color: blue;
}在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“>”，则应该得到的蓝色的背景，因此可以知道“>”只有IE可以识别。
这样，我们就可以把FF和IE的样式分离开。下面就是解决IE自己的问题了。
2. 区别IE5.5和IE的其他版本
看一个例子：
插入代码：
div{
>background-color: black;
>background-color /*IE5.5*/: green;
}这个例子使用了“>”，只有IE可以识别，在IE6中得到了黑色的背景；而在IE5.5中得到的绿色的背景；在IE5中也得到了黑色的背景。这就说明了第二句定义只有IE5.5能识别，这是个很早就公布的HACK，可以在网上找到相关的资料，要注意的就是在属性名之后是有一个空格的。
到此我们已经把FF、IE5.5、IE6分离出来了，那IE5呢？其实现在我们只要把IE5跟IE6分开就OK了。
3. 区别IE5与IE5.5+
插入代码：
div{
>background-color: red;
}
div/*IE5.5+*/{
>background-color: black;
}这里我们又用到一个HACK，就是“div/**/{}”，这个定义在IE5以上的版本才能识别出来。这个例子得到的结果是，在IE5中的背景色为红色；在IE5以上版本中得到的是黑色背景。
4. 完整的Hack
这样我们就可以为不同的浏览器定义不同的样式了。来看个完整的例子：
插入代码：
div{
width: 500px;
height: 50px;
background-color: red !important;/*FF*/
background-color: blue;/*IE5*/
text-align:center;
}
div/*IE5.5+*/{
>/*IE only*/background-color: black;/*IE6*/
>/*IE only*/background-color /*IE5.5*/: green;
}需要注意的是，在上面例子中“background-color”定义的顺利不能改变，即FF-IE5-IE6-IE5.5。对于IE的定义在属性前要加“>”，因为“div/**/{}”这个HACK在FF中可以识别。

鼠标手形:(兼容IE FF) hand等同于pointer，而后者可以兼容IE和FF

CSS IE6、IE7、FF兼容性的详细CSS HACK

admin — Fri, 27 Jun 2008 14:07:59 +0800

对IE6、IE7、FF兼容性的详细CSS HACK介绍2007年12月05日 16:00以下为引用：
现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对! important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。

现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */

那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。我真希望那个IE6快点退休……

css Hacks，css样式表补丁.用于修正XHTML编码设计的网页模板布局,某些层的溢出问题,HACKS出处:www.webdevout.net，这个CSS补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写:

*:first-child+html #ID{}

或者

*:first-child+html .class{}
别忘掉了前面的*,这个hacks使得DIV+CSS网页模板在ie5+,ie6,ie7,firefox 1.5,firefox 2的浏览器中都可以完美体现原始布局,而不会出现层溢出等问题.

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是：

>body
html*
*+html

这三种写法，其中前两种都是不合法的 CSS 写法，在标准兼容浏览器中被被忽略，但是 IE7 却不这么认为。对于 >body ，它会将缺失的选择符用全局选择符 * 代替，也就是将其处理成了 *>body，而且不光对于 > 选择符，+,~ 选择符中这个现象也存在。对于 html* ，由于 html 和 * 之间没有空格，所以也是一种 CSS 语法错误，但 IE7 不会忽略，而是错误地认为这里有一个空格。对于第三种 *+html，IE7 认为 html 前面的 DTD 声明也是一个元素，所以 html 会被选中，这三种方法中只有这一种方法是合法的 CSS 写法，也就是说可以通过校验器的验证，因此也是作者推荐的 hack 用法。

最后作者给出了最佳方式：

IE 6 and below
Use * html {} to select the html element.
IE 7 and below
Use *+html, * html {} to select the html element.
IE 7 only
Use *+html {} to select the html element.
IE 7 and modern browsers only
Use html>body {} to select the body element.
Modern browsers only (not IE 7)
Use html>/**/body {} to select the body element.

The IE7 CSS Hack(!important在ie7.0的hack方法)

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓”上有政策,下有对策”,国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为作者从国外网站的翻译.

新建一个css样式如下：
插入代码：
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式：
插入代码：
some text here
在body表现这里加入lang属性,中文为zh：
插入代码：

现在对div元素再定义一个样式：
插入代码：
[/code]
*:lang(en) #item{
background:green !important;
}
[/code]
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式：
插入代码：
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上,并在以下浏览器和操作系统下通过测试：
ie7 beta 2 preview/win
ie5.01+/win
firefox 1.5/win
opera 8.5/win & linux
netscape 7.01, 8/win
mozilla 1.7.12/win & linux
safari 2/mac
firefox 1.0.4/linux
epiphany 1.4.8/linux
galeon 1.3.20/linux

Screenshot of the IE7 css hack in IE7
Screenshot of the IE7 css hack in Firefox 1.5

按照远作者的说法其实这不能算是一种hack,应该属于filter,不过这似乎并不是最重要的,因为通过这个办法,我们又一次了解决IE6.0,IE7.0和其他浏览器之间的兼容性问题,而且使用:lang-filter这办法,在今后的一段时间内都会有用.

firefox,ie7,ie6兼容性问题，和css解决方案
注：IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*；IE6能识别*，但不能识别 !important,IE7能识别*，也能识别!important;FF不能识别*，但能识别!important;

写两句代码来控制一个属性，区别Firefox与IE6：
background:orange;*background:blue;

//这一句代码写出来时，你用firefox或其它非IE浏览时，会发现，写了该代码的区域背景是橙色的，如果用IE浏览，却是蓝色的，这是因为IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*；
写两句代码来控制一个属性，区别IE7与IE6：
background:green !important;background:blue;

//这一句代码写出来时，你用IE7浏览，会发现，写了该代码的区域背景是绿色的，如果用IE6浏览，却是蓝色的，这是因为IE7能识别! important*，一但识别了，就执行，忽略了后面的那一句，但IE6却不能识别!important，所以前面部分跳过，直接执行了后半部份。
写两句代码来控制一个属性，区别Firefox与IE：
background:orange; *background:green;

//这一句代码写出来时，你用Firefox浏览，会发现背景是橙色的，而IE里却是绿色的，很简单，因为Firefox不能识别*，而IE6，IE7都可以识*
写三句代码来控制一个属性，区别Firefox，IE7，IE6：
background:orange;*background:green !important;*background:blue;

//这一句会使在Firefox在，背景呈橙色，IE7中为绿色，IE6中为蓝色，道理和前面一样，Firefox不能识别*，所以后面两句都不执行，直接执行第一句，IE7当然也能执行第一行代码，但是因为第二句，他也能识别，所以就执行了第二句代码，把前面的效果给过滤了，而最后一句，IE7是不能识别的。IE6不能识别!imprtant，本来运行了第一句代码了，第二句不能识别，那就理所当然的执行了最后一句。

外层DIV在Firefox里不会自动伸展高度的解决方法

admin — Wed, 25 Jun 2008 13:59:32 +0800

IE中div的高度会根据内容来自伸展适应高度。但是FIrefox不会。

解决方法1:
<div>
    <div style=”float:left;”>111111111</div>
    <div style=”float:right;”>22222222</div>
    <div style=”clear:both;”></div>
</div>
方法1应该是最佳的了

解决方法2:
<div style=”overflow:auto;”>
<div style=”float:left;”>1111111111</div>
<div style=”float:right;”>2222222222</div>
</div>
方法2在IE下有可能现滚动条，是DIV的滚动条，不是浏览器滚动条

解决方法3:
<!–[if !IE]><!–>
<link href=”css/firefox.css” type=”text/css” rel=”stylesheet” />
<!–<![endif]–>

解决方法4:
<div style=”display:table”>
<div style=”float:left;”>1111111111</div>
<div style=”float:right;”>2222222222</div>
</div>
注意：方法4在FF里有时出现右列下沉的情况，不建议使用

IIS当文件已存在时,无法创建该文件

admin — Sat, 24 May 2008 00:33:27 +0800

　　在用Windows的IIS创建站点时，创建好了站点，但是站点无法启动，出现“当文件已存在时,无法创建该文件”的提示，这是因为有另一个站点的IP地址和端口和这个站点相同，并且另一个站点是运行状态。

　　解决方法：为这个站点指定一个不同的端口就行了。

消极地哀悼还是积极地哀悼？

admin — Tue, 20 May 2008 10:57:33 +0800

　　四川汶川地震到现在已经８天了，我们对死难者表示深切的哀悼。

　　救灾还没完结，当前工作，还是努力抢救生还者。

　　就在昨天，就在地震发生的那个时刻，14:28分，我们全国人民为死难者默哀三分钟。

　　面对灾难，面对死难者，我们除了捐款捐钱和沉痛的哀悼，还可以做什么呢？什么是哀悼？我们应该怎样哀悼？这几天，在网上经常看到网友们对灾区人发的祝福，有的在网上发表感言，有的在网上“献花”，有的把自己的网站设置成灰色，这些，我都表示赞成。但是，我在有些网站却看到一些消极的哀悼方法。

　　例如www.cngadget.cn的哀悼方法是停止更新三天，forum.ubuntu.org.cn的哀悼方法是关闭论坛三天，甚至看到有些网友说停止工作三天，睡觉三天。这些是哀悼吗？不！面对困难，他们不是积极面对，迎难而上，做好自己的本职工作，而是消极的采取回避的方法，把一切可以放下的都放下了，把一切可以停止的都停止了，他们认为这就是“哀悼”。却没有意识到，这会给别人工作学习生活带来不便，给社会造成混乱。今天我在安装Ubuntu的无线网络，想到forum.ubuntu.org.cn上寻救帮助，没想到这个论坛却关闭了。试想，如果商场、银行、医院、政府部门，甚至救援队伍也像那们这样“哀悼”三天，那将会怎样？

　　灾难已经发生了，死者已斯，生者的生活仍须继续，地球仍须转动，我们所应该的哀悼并不是停止一切，而是努力做好一切！

以自己域名为后缀的邮箱

admin — Tue, 20 May 2008 00:47:53 +0800

　　以前都是用其他网站提供的免费邮箱，也很好用，很稳定。但是，用自己网站的域名作为邮箱后缀，是一个正规网站的身份像征，呵呵。

　　从今天起，本站的邮箱改为 admin@01on.com

　　这个邮箱不错吧，一看就知道是www.01on.com管理员的邮箱了。

　　电子邮箱市场正发生重大变革：个性化是WEB2.0时代的一大趋势，以自定义域名为后缀的邮箱有望成为未来主流。
　　站长邮箱的形象统一性、专有性，已经逐渐令站长觉得以自己域名为后缀的企业邮箱，其实就是自己网站的面子。即是说，邮箱从以前的管理和使用便捷、高效等问题，升级为网站的形象、实力和面子上的问题了。这说明个性邮箱的作用，已上升到另一个应用上的高度。

超方便的远程控制软件

admin — Mon, 19 May 2008 20:35:40 +0800

　　因为经常要远程帮朋友处理一些电脑问题，以前总是用QQ的远程协助功能，但是速度太慢了，半天也动不了，无法忍受。本来想用windows自带的远程协助控制，但对方的是用路由上网的，开3389端口太麻烦了。

　　现在终于找到了一个很好、很方便的控制软件TeamViewer。

　　这个软件是绿色免费的，无须安装，无需设置，打开就可以运行了。

　　至少软件的下载地址，大家上网搜索一下就行了，很多的，也有汉化版。

四川震区现在最需要的是帐篷

admin — Sun, 18 May 2008 00:18:03 +0800

　　四川地震到现在已经有五天多了，救灾工作仍在紧张的进行，正像主席所说，现在的工作重点，仍然是抢救人员。

　　今天早些时候，谷歌接到来自四川震区政府和摄制组的求助信息，由于一直下雨，绵阳北川地区的大量灾民情况非常堪忧，现在急需可以让灾民避雨的60万顶帐篷！根据下午四川政府最新发布的信息，全省急需帐篷总共260万顶！

　　借助网络的力量，让更多的人了解灾区的求助信息，协助灾区的同胞最大限度地得到帮助，是我们AdSense小组每一位成员最大的心愿和义不容辞的责任。为此，我们恳请广大发布商在看到这一消息时，请立即在您的网站上帮助发布这一信息，使得我们灾区同胞能够少度过一个冰冷潮湿的夜晚，多一份温暖。

　　一个网站的力量有限，联合起来力量无穷。您的帮助和努力对灾区人民是莫大的希望。在此，我们衷心希望所有的发布商和我们联合起来，充分发挥我们手中互联网的力量，为抗震救灾出一份力！

　　希望看到此文的有能力的人士或企业，向四川早出援手吧，他们现在最需要的是60万顶帐篷！

　　希望看到此文的站长，把这条消息发布到你们的网站，让更多人知道吧！