幻龙网络 » 网站制作

Like在access与asp中的区别

admin — Sat, 05 Jul 2008 06:59:10 +0000

今天调试一条SQL语句，在access中执行可以查询到结果，但在ASP中执行却查不到结果，很奇怪。

这条SQL语句是:select * from 表名 where 字段名 like ‘*关键字*’

很普通的一条语句，为什么在Access和ASP里会有不同呢。

后来想起，Like在Access里要用*来作通配符，而在ASP里却要用%来作通配符。

于是把上面那条语句改成 select * from 表名 where 字段名 like ‘%关键字%’ 再在ASP里执行，就OK了。

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

admin — Thu, 03 Jul 2008 04:27:45 +0000

　　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 06:12:12 +0000

之前找了几个不同版本的可独立运行的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两种浏览器，可以这样写：

复制内容到剪贴板

代码:

我在IE6中看到是红色的，在firefox中看到是绿色的。

  



我在IE6中看到是红色的，在firefox中看到是绿色的。

解释一下：
上面的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 06:11:05 +0000

一直比较关注，最近找了一个比较全的，分享一下。
为了不同浏览器的观看效果，我们当然没必要为每个浏览器的不同版本写一个样式，这里我们利用“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 06:07:59 +0000

对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 05:59:32 +0000

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

解决方法1:

111111111

22222222

方法1应该是最佳的了

解决方法2:

style=”overflow:auto;”>

1111111111

2222222222

方法2在IE下有可能现滚动条，是DIV的滚动条，不是浏览器滚动条

解决方法3:

解决方法4:

style=”display:table”>

1111111111

2222222222

注意：方法4在FF里有时出现右列下沉的情况，不建议使用

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

admin — Fri, 23 May 2008 16:33:27 +0000

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

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

我选择Wordpress博客程序的原因

admin — Tue, 15 Apr 2008 07:41:28 +0000

　　我使用过很过博客程序和CMS，全面比较之后，最终落户在Wordpress。

　　我这里不说其他博客程序不好的地方，以免其他博客程序拥护者的不满，而只说说Wordpress的优点。

　　模板方面：Wordpress的模板采用PHP运行方式，不但内置众多模板函数，还支持PHP程序直接运行。所以，理论上可以制作出任何样式的模板。因此，有人用Wordpress来制作非博客网站也不奇怪，例如有人用来制作企业网站，展示商品等；也有人用来代替CMS制作文章网站，www.v4s.cn这个网站就设计得很像CMS。

　　插件方面：每个人的需求都不会相同，因为同一个博客程序很难满足所有人的要求。但Wordpress却做到了，原因是它具体插件扩展功能，可能通过插件来大大增加Wordpress的功能。例如想在博客上做相册，那可以安装相册插件；想制作留言本，那可安装留言本插件……

　　最后，基于众多的使用人数，如果你在使用上有什么需要帮助的，也很容易找到人帮你。对于我们中国人而言，Wordpress中文论坛是一个好去处，那里面有Wordpress的最新资讯和程序、插件、模板下载，也有很多热心人士为你排忧解难。

Wordpress写日志时自动保存远程图片的插件

admin — Tue, 01 Apr 2008 14:44:52 +0000

我们写日志时，复制了别人网站上的一篇文章，文章中有图片，想把图片下载到自己的空间里，怎么呢？

本插件就是实现这样的功能。

本插件的功能：
１、自动保存远程图片
２、检查文章是否重复
３、去除非本站链接。

最后更新：5月22日
最新版本：1.2
修正问题：
１、针对有些朋友说不喜欢默认选中“自动保存远程图片”和“去除非本站链接”，现在改成了自动保存你最后一次的选择状态。
２、感谢wowo173发现了“去除非本站链接”会把本站链接也去掉的BUG，现在已修正。

插件下载地址：http://www.01on.com/auto-save-image.rar

javascript控制text-align的问题

admin — Thu, 21 Feb 2008 09:08:44 +0000

今天做网站是发现一个很奇怪的问题。

我想用javascript来改变某个div中内容的对齐方式，代码如下：

XML/HTML代码

document.getElementById(’txttip’).style.text-align=‘center’;

但IE报错，不知什么原因，后来多方查找，才明的是javascript中的连接符的问题。因为属性"text-align"中间有一个连接符"-"，在JS中不能直接这样写，在javascript中必须去掉连字符，两边直接连在一起写，但后面的部分第一个字母要大字，也就是写成"textAlign"，于是上面的代码改写成：

XML/HTML代码

document.getElementById(’txttip’).style.textAlign=‘center’;