Tag Archives: 浏览器

条件注释 Conditional Comments

Firefox 下的换行问题早已不是一两天的事了,不过终究可以用折衷办法解决:在定义 width 的情况下定义:overflow: hidden。IE 当然早有办法,就是用:word-wrap: break-word,问题是 CSS2 不认这个用法,导致 CSS 总是无法通过 CSS Validator。不过,经过一番折腾,现在这个问题也不成问题了——就是传说中的条件注释Conditional Comments)。

IE Box Model Hack

先说说这个好象是个非常之有名的 CSS Hack,其实对这个我无甚了解。因为在我开始了解 CSS 的几年前就不用 IE5.5- 了,而我也相信现在几乎没人用(除非你还用Win98,或者你还在对兼容性这个话题孜孜不倦)。据说用下面两种方法可以解决(当然,都需要声明正确的文档类型):

div.content {
width:400px;
voice-family: “\”}\””;
voice-family:inherit;
width:300px;
}

html>body .content {
width:300px;
}

div.content {
width:300px !important;
width /**/:400px;
}

html>body .content {
width:300px;
}

CSS Hack For IE

有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的 IE7 beta 版里是否更好的支持CSS,这两种方法都是最安全的。 Continue reading

SHTML 教程

什么是 SHTML

使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为“服务器端嵌入”或者叫“服务器端包含”,是一种类似于ASP的基于服务器的网页制作技术。

SSI工作原理:

将内容发送到浏览器之前,可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如,可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形,使用包含文件是一种简便的方法。将内容存入一个包含文件中即可,而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件,此语句指示 Web 服务器将内容插入适当网页。而且,使用包含文件时,对内容的所有更改只需在一个地方就能完成。

因为包含 SSI 指令的文件要求特殊处理,所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml。

Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时,直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令,则同时插入此文件。除了用于包含文件的基本指令之外,还可以使用 SSI 指令插入文件的相关信息(如文件的大小)或者运行应用程序或 shell 命令。

网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易。 Continue reading

Javascript’s Event 的一点总结

我在自己的这个 Blog 上用 Javascript 实现了一个自定义的右键弹出菜单。个人认为鼠标点击事件的获取和计算是比较难点的事情。一般以为考虑兼容性(如 IE 5/6FF),实际上还要考虑 HTML 文件在文件头的定义。而且,Event 事件和 Document 对象在 IE 和 NS 下又有各自不同的定义和用法。呼~经过对这个菜单的不断修改和上网搜索资料,在这里总结一下,希望对其他朋友有个帮助。

下面是“无定义 HTML 的 Event 事件”的测试代码,存为 Event1.html,分别用 IE 和 Firefox 打开,点击页面就可看到结果。

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>无定义 HTML 的 Event 事件</title>
<script language=”javascript”>
function getvalue(e){
if (!document.all){
winW = window.innerWidth;
winH = window.innerHeight;
curX = e.pageX – window.pageXOffset;
curY = e.pageY – window.pageYOffset;
mouX = e.pageX;
mouY = e.pageY;
broX = window.pageXOffset;
broY = window.pageYOffset;
}else{
winW = document.body.clientWidth;
winH = document.body.clientHeight;
curX = event.clientX;
curY = event.clientY;
mouX = event.clientX + document.body.scrollLeft;
mouY = event.clientY + document.body.scrollTop;
broX = document.body.scrollLeft;
broY = document.body.scrollTop;
}
alert(” 窗口可见宽度(winW): “+winW+”\n\n 窗口可见高度(winH): “+winH+”\n\n 距窗口左边距离(curX): “+curX+”\n\n 距窗口顶部距离(curY): “+curY+”\n\n 距页面左边距离(mouX): “+mouX+”\n\n 距页面顶部距离(mouY): “+mouY+”\n\n 页面滚动的宽度(broX): “+broX+”\n\n 页面滚动的高度(broY): “+broY);
return true;
}
document.onclick=getvalue;
</script>
</head>

<body>
<img src=”” width=”400″ height=”500″>
</body>
</html>

Continue reading

Web 网页安全色谱

Snow 255 250 250 #FFFAFA
GhostWhite 248 248 255 #F8F8FF
WhiteSmoke 245 245 245 #F5F5F5
Gainsboro 220 220 220 #DCDCDC
FloralWhite 255 250 240 #FFFAF0
OldLace 253 245 230 #FDF5E6
Linen 250 240 230 #FAF0E6
AntiqueWhite 250 235 215 #FAEBD7
PapayaWhip 255 239 213 #FFEFD5
BlanchedAlmond 255 235 205 #FFEBCD
Bisque 255 228 196 #FFE4C4
PeachPuff 255 218 185 #FFDAB9
NavajoWhite 255 222 173 #FFDEAD
Moccasin 255 228 181 #FFE4B5
Cornsilk 255 248 220 #FFF8DC
Ivory 255 255 240 #FFFFF0
LemonChiffon 255 250 205 #FFFACD
Seashell 255 245 238 #FFF5EE
Honeydew 240 255 240 #F0FFF0
MintCream 245 255 250 #F5FFFA
Azure 240 255 255 #F0FFFF
AliceBlue 240 248 255 #F0F8FF
lavender 230 230 250 #E6E6FA
LavenderBlush 255 240 245 #FFF0F5
MistyRose 255 228 225 #FFE4E1
White 255 255 255 #FFFFFF
Black 0 0 0 #000000
DarkSlateGray 47 79 79 #2F4F4F
DimGrey 105 105 105 #696969
SlateGrey 112 128 144 #708090
LightSlateGray 119 136 153 #778899
Grey 190 190 190 #BEBEBE
LightGray 211 211 211 #D3D3D3
MidnightBlue 25 25 112 #191970
NavyBlue 0 0 128 #000080
CornflowerBlue 100 149 237 #6495ED
DarkSlateBlue 72 61 139 #483D8B
SlateBlue 106 90 205 #6A5ACD
MediumSlateBlue 123 104 238 #7B68EE
LightSlateBlue 132 112 255 #8470FF
MediumBlue 0 0 205 #0000CD
RoyalBlue 65 105 225 #4169E1
Blue 0 0 255 #0000FF
DodgerBlue 30 144 255 #1E90FF
DeepSkyBlue 0 191 255 #00BFFF
SkyBlue 135 206 235 #87CEEB
LightSkyBlue 135 206 250 #87CEFA

Continue reading