Google Wave是不是一种迅速花掉全部流量的方式呢，呵呵。
速度是真的慢啊，输入速度更是不敢恭维，这种速度在with:public灌水是不太现实了，协同工作应该还行。
看好Google Wave加入Google Apps大家庭!!

大家都知道，野生的鸭子更好吃一些。

上图，今天在Google Wave上发现的好东东，在线听歌服务——亦歌，音质不错哦，在公司不能乱装东西同学可以试用一下。

全球中文论坛100强排行，由2004年发起的一次评选后，在网络引起了很大的反响。时间已经过去了5年，经过新一轮的网络淘汰和洗牌，很多老的论坛已经倒下，也有很多新的论坛崛起，5年的时间对于网络论坛来说，实在是变化太大了，大到让我们已经无法认识以前，所以为了让大家重新了解全球中文论坛情况，我们发起这个评选活动，让大家重新认识现在的全球中文论坛状况。
http://bbs.ifeng.com/zhuanti/bbstop100/

感谢CCTV，感谢MTV…
感谢我的简历上又能写上一个能让我骄傲的事件。blueonline说的话我现在还记得，希望在同济网论坛经历能让大家骄傲地在自己简历上写上那么一笔，就谢天谢地了。
不过其实大学论坛真的不好做。今天早晨在Google Wave上还得知武汉白云黄鹤站不幸的消息…
这些事情，纯技术是永远解决不了的。

最近的Google Wave用下来的感觉，对这个方向和思路是很看好的，因为一直以来我在寻找一种能够同时拥有IM的即时性和Email的绝对时间轴、存档性的方式，Google Wave显然是这个问题的最优解，通过Google Wave可以协同工作，甚至可以取代BBS。
昨天提到Google Wave是HTML 5的应用，大量使用了Ajax技术，带来的问题是显然的——太慢了…
打开with:public之后我的CPU开始狂转。Firebug统统关掉也没有丝毫好转。
目前的Google Wave采取限量邀请政策，只有第一代用户每个人能邀请几个人，被邀请的二代不能继续邀请（穷二代）。这样的性能显然不能支撑持续的邀请…
我对Google的数据处理能力是不怀疑的，相信有Gmail的基础，再大的Ajax数据请求都是能够处理的。看起来前端性能是如此重要！

“Firebug is known to make Gmail slow unless it is configured correctly.”

For the best Gmail performance, we suggest disabling Firebug for www.google.com.

Windows or Linux Users
To disable Firebug:

1. Open the Firebug pane in your Gmail tab by clicking the Firebug icon.
2. Click the down arrow next to the Net tab, and select Disable monitor for mail.google.com
3. Repeat Step 2 on the Console and Script tabs.

If you’d like to keep Firebug running, you may improve Gmail performance by following these steps:

1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
2. Click the Console tab.
3. Select Options.
4. Uncheck Show XMLHttpRequests.
5. Click the Net tab.
6. Select Options.
7. Check Disable Network Monitoring.

Mac Users
To disable Firebug:

1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
2. Click the bug icon in the top left corner of Firebug and select ‘Disable Firebug for mail.google.com.’

If disabling Firebug for Gmail doesn’t improve performance results, you may have to entirely disable Firebug.

看起来Firebug的监控功能对这种大量应用Ajax的网站还是影响很大的。

如果你在Microsoft Internet Explorer 8下访问Google Wave，登陆后会发现上图的提示。
Google Wave是一个HTML 5应用，看起来Google一直走在了技术的前端，当年Ajax的发明以及Web 2.0的火热正是由于Google提供的Gmail带来的。这一次，Google为我们推开了HTML 5的大门，当然，是用波浪冲开的。
当然，占据用户比例大头的Microsoft Internet Explorer 8如果不能访问Google Wave这显然是一种悲剧，然后Google就做了Google Chrome Frame…
看着Google一头扎进IE的波涛洪流，我无语啊。没事搅这滩浑水干什么。

搜索结果中出现了题目外的另外一个链接，点击会自动跳转到文档的一个书签位置。莫非Google开始对重要文档页面进行特殊的处理？还是自动生成的摘要中，如果匹配到了某个书签之后的地方，就会这样显示呢？

图片，被拉伸了…

tongji kernel: EDAC MC0: UE page 0xa8810, offset 0x0, grain 4096, row 3, labels ":": e7xxx UE

My god，莫非内存完了…
BTW，找人，在上海的可靠的人员，懂点Linux的需要进机房看看问题，至少备份下数据。

如果您发现这样的提示，请升级您的浏览器。

关于IE6 no more

您可以在您的网站中插入这样的代码，加入IE6 no more计划。

<!--[if lt IE 7]>
<div style="border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom:10px;">
    <div style="position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;">
        <a href="#" onclick="javascript:this.parentNode.parentNode.style.display='none'; return false;">
            <img src="http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg" alt="关闭本通知"/>
        </a>
    </div>
    <div style="width: 100%; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;">
        <div style="width: 75px; float: left;">
            <img src="http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg" alt="Warning!"/>
        </div>
        <div style="width: 275px; float: left;">
            <div style="font-size: 14px; font-weight: bold; margin-top: 12px;">
                您正在使用旧版本的浏览器
            </div>
            <div style="font-size: 12px; margin-top: 6px; line-height: 12px;">
                为了在使用本站时获得更好的体验，请升级到一种现代浏览器。
            </div>
        </div>
        <div style="width: 75px; float: left;">
            <a href="http://www.firefox.com">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg" alt="Firefox 3.5"/>
            </a>
        </div>
        <div style="width: 75px; float: left;">
            <a href="http://www.browserforthebetter.com/download.html">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg" alt="Internet Explorer 8"/>
            </a>
        </div>
        <div style="width: 73px; float: left;">
            <a href="http://www.apple.com/safari/download/">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg" alt="Safari 4"/>
            </a>
        </div>
        <div style="float: left;">
            <a href="http://www.google.com/chrome">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg" alt="Google Chrome"/>
            </a>
        </div>
    </div>
</div>
<![endif]-->

进一步想，若是JavaScript干脆支持多线程你说怎么样？Web N.0哈哈。下面这段话告诉你这是不可能的：

You must be “as tall as an NBA player” to hack on threaded systems, and that means most programmers should run away crying. But they don’t. Instead, as with most other sharp tools, the temptation is to show how big one is by picking up the nearest singlethreaded code and jamming it into a multi-threaded embedding, or tempting racecondition fate otherwise. Occasionally the results are infamous, but too often, with only virtual fingers and limbs lost, no one learns.
Threads violate abstractions six ways to Sunday. Mainly by creating race conditions, deadlock hazards, and pessimistic locking overhead. And still they don’t scale up to handle the megacore teraflop future.
So my default answer to questions such as, “When will you add threads to JavaScript?” is: “over your dead body!” —— Brendan Eich

这可不是随便什么人说说的，Brendan Eich那可是Mozilla的CTO，JavaScript的创始人。基本上在可见的将来JavaScript是不打算支持多线程的。

这并不是说多线程这个金钥匙就关闭了，有很多办法可以实现并行的目的。

Concurrent.Thread

Concurrent.Thread实现了一个树，需要并行的函数注册到Concurrent.Thread里，然后由Concurrent.Thread安排到树中，主线程再进行模拟多线程操作。Concurrent.Thread库很大，实际中应该加载时性能不很好。
以下文字引用自InfoQ：

让我来介绍一下Concurrent.Thread，它是一个允许JavaScript进行多线程编程的库，应用它可以大大缓解上文提及的在AJAX开发中与异步通信相关的困难。这是一个用JavaScript写成的免费的软件库，使用它的前提是遵守Mozilla Public License和GNU General Public License这两个协议。你可以从他们的网站下载源代码。

马上来下载和使用源码吧！假定你已经将下载的源码保存到一个名为Concurrent.Thread.js的文件夹里，在进行任何操作之前，先运行如下程序，这是一个很简单的功能实现：

Concurrent.Thread.create
    (function()
    {
        var i = 0;
        while (1) { document.body.innerHTML += i++ + "<br>"; }
    });

执行这个程序将会顺序显示从0开始的数字，它们一个接一个出现，你可以滚屏来看它。现在让我们来仔细研究一下代码，他应用while(1)条件制造了一个不会中止的循环，通常情况下，象这样不断使用一个并且是唯一一个线程的JavaScript程序会导致浏览器看起来象冻结了一样，自然也就不会允许你滚屏。那么为什么上面的这段程序允许你这么做呢？关键之处在于while(1)上面的那条Concurrent.Thread.create()语句，这是这个库提供的一个方法，它可以创建一个新线程。被当做参数传入的函数在这个新线程里执行，让我们对程序做如下微调：

function f (i)
{
    while (1) { document.body.innerHTML += i++ + "<br>"; }
}

Concurrent.Thread.create(f, 0);
Concurrent.Thread.create(f, 100000);

在这个程序里有个新函数f()可以重复显示数字，它是在程序段起始定义的，接着以f()为参数调用了两次create()方法，传给create()方法的第二个参数将会不加修改地传给f()。执行这个程序，先会看到一些从0开始的小数，接着是一些从100,000开始的大数，然后又是接着前面小数顺序的数字。你可以观察到程序在交替显示小数和大数，这说明两个线程在同时运行。

让我来展示Concurrent.Thread的另外一个用法。上面的例子调用create()方法来创建新线程。不调用库里的任何APIs也有可能实现这个目的。例如，前面那个例子可以这样写：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var i = 1;
    while (1) { document.body.innerHTML += i++ + "<br>"; }
</script>

在script 标签内，很简单地用JavaScript写了一个无穷循环。你应该注意到标签内的type属性，那里是一个很陌生的值(text/x-script.multithreaded-js)，如果这个属性被放在script标签内，那么Concurrent.Thread就会在一个新的线程内执行标签之间的程序。你应当记住一点，在本例一样，必须将Concurrent.Thread库包含进来。

有了Concurrent.Thread，就有可能自如的将执行环境在线程之间进行切换，即使你的程序很长、连续性很强。我们可以简要地讨论下如何执行这种操作。简言之，需要进行代码转换。粗略地讲，首先要把传递给create()的函数转换成一个字符串，接着改写直至它可以被分批分次执行。然后这些程序可以依照调度程序逐步执行。调度程序负责协调多线程，换句话说，它可以在适当的时候做出调整以便每一个修改后的函数都会得到同等机会运行。 Concurrent.Thread实际上并没有创建新的线程，仅仅是在原本单线程的基础上模拟了一个多线程环境。

虽然转换后的函数看起来是运行在不同的线程内，但是实际上只有一个线程在做这所有的事情。在转换后的函数内执行同步通信仍然会造成浏览器冻结，你也许会认为以前的那些问题根本就没有解决。不过你不必耽心，Concurrent.Thread提供了一个应用JavaScript 的异步通信方式实现的定制通信库，它被设计成当一个线程在等待服务器的响应时允许其它线程运行。这个通信库存于 Concurrent.Thread.Http下。它的用法如下所示：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var req = Concurrent.Thread.Http.get(url, ["Accept", "*"]);
    if (req.status == 200)
    {
        alert(req.responseText);
    }
    else
    {
        alert(req.statusText);
    }
</script>

get()方法，就像它的名字暗示的那样，可以通过HTTP的GET方法获得指定URL的内容，它将目标URL作为第一个参数，将一个代表HTTP请求头的数组作为可选的第二个参数。get()方法与服务器交互，当得到服务器的响应后就返回一个XMLHttpRequest对象作为返回值。当get()方法返回时，已经收到了服务器响应，所以就没必要再用回调函数接收结果。自然，也不必再耽心当程序等待服务器的响应时浏览器冻结的情况了。另外，还有一个 post()方法可以用来发送数据到服务器：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var req = Concurrent.Thread.Http.post(url, "key1=val1&amp;amp;key2=val2");
    alert(req.statusText);
</script>

post()方法将目的URL作为第一个参数，要发送的内容作为第二个参数。像get()方法那样，你也可以将请求头作为可选的第三个参数。

Simulating

第二种方法是比较简单的模拟方式，也是通过一个线程去模拟多线程并行执行的过程。以下是库的实现：

//loops through an array in segments
var threadedLoop = function(array) {
	var self = this;

	//holds the threaded work
	var thread = {
		work: null,
		wait: null,
		index: 0,
		total: array.length,
		finished: false
	};

	//set the properties for the class
	this.collection = array;
	this.finish = function() { };
	this.action = function() { throw "You must provide the action to do for each element"; };
	this.interval = 1;

	//set this to public so it can be changed
	var chunk = parseInt(thread.total * .005);
	this.chunk = (chunk == NaN || chunk == 0) ? thread.total : chunk;

	//end the thread interval
	thread.clear = function() {
		window.clearInterval(thread.work);
		window.clearTimeout(thread.wait);
		thread.work = null;
		thread.wait = null;
	};

	//checks to run the finish method
	thread.end = function() {
		if (thread.finished) { return; }
		self.finish();
		thread.finished = true;
	};

	//set the function that handles the work
	thread.process = function() {
		if (thread.index >= thread.total) { return false; }

		//thread, do a chunk of the work
		if (thread.work) {
			var part = Math.min((thread.index + self.chunk), thread.total);
			while (thread.index++ < part) {
				self.action(self.collection[thread.index], thread.index, thread.total);
			}
		}
		else {

			//no thread, just finish the work
			while(thread.index++ < thread.total) {
				self.action(self.collection[thread.index], thread.index, thread.total);
			}
		}

		//check for the end of the thread
		if (thread.index >= thread.total) {
			thread.clear();
			thread.end();
		}

		//return the process took place
		return true;

	};

	//set the working process
	self.start = function() {
		thread.finished = false;
		thread.index = 0;
		thread.work = window.setInterval(thread.process, self.interval);
	};

	//stop threading and finish the work
	self.wait = function(timeout) {

		//create the waiting function
		var complete = function() {
			thread.clear();
			thread.process();
			thread.end();
		};

		//if there is no time, just run it now
		if (!timeout) {
			complete();
		}
		else {
			thread.wait = window.setTimeout(complete, timeout);
		}
	};

};

// Note: this class is not battle-tested, just personal testing on large arrays

搞点测试数据：

var array = [];
for (var i = 0; i < 500000; i++) {
	array.push("this is some long string");
}

启动并行执行：

//create our new class
var work = new threadedLoop(array);

//create the action to compare each item with
work.action = function(item, index, total) {
	var check = (item == "this is some long string comparison to slow it down");
	document.body.innerHTML = "Item " + index + " of " + total;
};

//another action to use when our loop is done
work.finish = function(thread) {
	alert("Thread finished!");
};

//and start our 'thread'
work.start();

GIF Image Hack

这种方法是在国内网站见到的，蛮好玩的。原理就是搞一张gif图片，能动画的，会自动循环的那种。然后利用每次动画结束后的onload事件启动多个函数的执行。

var img = new Image();
img.src = "images/animation.gif";
img.onload = function()
{
    alert("如要关闭请按住ESC键不放，并点击关闭按钮");
}

参考资料

1. InfoQ: JavaScript多线程编程简介
2. javascript多线程的实现方法
3. Simulate Threading Using Javascript

如题,那么个东西,可以一次性ping一堆网站,看看哪个挂掉了.方便系统管理员用的东西,不必被动地等用户来叫了才知道网站挂了.以前还写了个exe的,不过是会检查返回的页面是不是包含特定的关键字的,相比起来更有可信度,不然一个404的网站,ping返回还是正常的呢.

贴点关键代码:

$result = ping_site($_POST["site"]);
$ip = "N/A";
$ttl = "N/A";
$time = "N/A";

if($result != "Fail")
{
    $start = stripos($result, "from ") + 5;
    $length = stripos($result, ":") - stripos($result, "from ") - 5;
    $ip = substr($result, $start, $length);

    $start = stripos($result, "ttl=") + 4;
    $length = stripos($result, " time=") - stripos($result, "ttl=") - 4;
    $ttl = substr($result, $start, $length);

    $start = stripos($result, "time=") + 5;
    $length = stripos($result, " ms") - stripos($result, "time=") - 5;
    $time = substr($result, $start, $length)." ms";

    echo "<td class=\"success\">".$_POST["site"]."</td><td class=\"success\"><img src=\"images/success.png\" alt=\"Success\" /></td><td class=\"success\">$ip</td><td class=\"success\">$ttl</td><td class=\"success\">$time</td><td><a href=\"http://".$_POST["site"]."\">HTTP</a>,<a href=\"#\" title=\"$result\">Raw Data</a></td>";
}
else
{
    echo "<td class=\"fail\">".$_POST["site"]."</td><td class=\"fail\"><img src=\"images/fail.png\" alt=\"Fail\" /></td><td class=\"fail\">N/A</td><td class=\"fail\">N/A</td><td class=\"fail\">N/A</td><td><a href=\"http://".$_POST["site"]."\">HTTP</a>,<a href=\"#\" title=\"$result\">Raw Data</a></td>";
}

function ping_site($target)
{
    $command = "ping -c 1 $target";
    exec($command, $result);
    if($result[1] == "") { return "Fail"; }
    else { return $result[1]; }
}

本人是完美主义者,所以会注意到这种小”问题”…
在橙色条最左端弧线处,有条border-bottom漏出了那么若干pixalpixel.同样的右边也是对称的情况.
我是在Mac OS X下用Safari 4.0.1 (5530.18)看到的效果.
Google Analytics已经不是beta啦,检查要注意些噢…

Windows下:
你需要Plink这款软件,下载下来,命令行进入它的目录,下面输入:

plink your_username@somewherefree.com -D 1748

Mac OS X下:
之间打开Terminal,用系统自带的ssh客户端,输入以下命令:

ssh -D 1748 your_username@somewherefree.com

这样,你的localhost,端口1748就是一个SOCK的代理服务器了.设置你的浏览器代理服务器选项即可.

注意:

1. 这是一个SOCK代理服务器,不是常用的HTTP服务器.
2. 端口1748的选择我不是随意的,1748代表”你去死吧”.
3. 只想查邮件,又怕麻烦的同学不如到我机器上来查吧.我想没有Google阅读器你们一样能活着,不像我…
4. 你知道最简单的办法么?只需要把DNS设置成OpenDNS就可以了…208.67.220.220和208.67.222.222,也许这次事件不是GFW,只是个不凑巧的DNS故障?

是的,你可以毫无创意地不间断运行数个月之久,没人觉得怎么样.但是你终有一天要停电…
公告吧,粗糙了点,底裤漏了一点点…

校内恢复之后最近来访功能不见了,估计也与停电有关.这个估计应该是有根据的,就是下面这个关于Facebook系统架构的幻灯片.大家有时间的话还是看一下,很有启发意义的.

http://www.slideshare.net/adityaagarwal/qcon

前几日,一个网站客户提出,文本右边凹凸不齐,不好看,有没有办法让行尾对齐呢?
我的第一反映是不太可能吧,要计算字数和长度如何如何想得很复杂.其实无知很可怕…

2. 解决

问:你知道text-align属性可以取几个值吗?
答:left,right和center.

还漏下一个:justify.当text-align取了justify含义是分散对齐,会略微地对单词和字母之间的距离做调整.

3. 效果

不加text-align: justify;的效果

加了text-align: justify;的效果

4. 讨论

值justify可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。您也许已经注意到了，两端对齐文本在打印领域很常见。不过在CSS中，还需要多做些考虑。
要由用户代理（而不是CSS）来确定两端对齐文本如何拉伸，以填满父元素左右边界之间的空间。例如，有些浏览器可能只在单词之间增加额外的空间，而另外一些浏览器可能会平均分布字母间的额外空间（不过CSS规范特别指出，如果letter-spacing属性指定为一个长度值，“用户代理不能进一步增加或减少字符间的空间”）。还有一些用户代理可能会减少某些行的空间，使文本挤得更紧密。所有这些做法都会影响元素的外观，甚至改变其高度，这取决于用户代理的对齐选择影响了多少文本行。
CSS也没有指定应当如何处理连字符（注1）。大多数两端对齐文本都使用连字符将长单词分开放在两行上，从而缩小单词之间的间隔，改善文本行的外观。不过，由于CSS没有定义连字符行为，用户代理不太可能自动加连字符。因此，在CSS中，两端对齐文本看上去没有打印出来好看，特别是元素可能太窄，以至于每行只能放下几个单词。当然，使用窄设计元素是可以的，不过要当心相应的缺点。
注1：CSS中没有说明如何处理连字符，因为不同的语言有不同的连字符规则。规范没有尝试去调和这样一些很可能不完备的规则，而是干脆不提这个问题。

5. 参考资料

1. CSS text-align 属性

1. size,padding和margin距离异常

在IE6中,各种size,padding和margin总是感觉怪怪的,有时候死活差那么几个像素.这时候可以使用单独为IE准备的CSS文件来纠正.只需要在页面头部加类似这样的CSS文件即可:

<!--[if IE 6]>
    <link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen" />
<![EndIf]-->

其中的ie.css是对主CSS文件中,那些在IE6下显示异常的元素,重新定义的CSS.

2. 块元素居中问题

在现代浏览器中,一个块元素,假设是一个p,设置了宽度,设置左右margin都是auto之后,渲染效果应该是居中.但是在IE中,必须对其父元素,假设是body,加text-align:center;才能看到居中效果:

body { text-align: center; }

并且,你还要在子元素p里把继承的居中纠正回来:

p { text-align: left; }

3. div最小高度不能低于12px的bug

如果你需要一个高度很小的div,假设说做一个分隔线之类,你会发现div最小高度不会低于12px.这时候要设置div的line-height: 0;才行.

<div style="line-height: 0px; height: 2px;"></div>

如果还是不行,你要在div里套一个p,并且指定这个p的line-height: 0;.

<div style="height: 2px;"><p style="line-height: 0px;"></p></div>

4. 浮动元素的双倍margin距离bug

这是一个非常严重的bug.你会发现你的侧边栏总会跑到第二行去显示,或者明明你计算好宽度,平分两半,还预留了些空隙,在Firefox显示正常,在屏幕左右分布的两个块元素,在IE下非换行不可.说起来应当是IE的float块元素,margin加倍渲染的bug.
这样的代码:

.floatbox {
   float: left;
   width: 150px;
   height: 150px;
   margin: 5px 0 5px 100px;
   /*This last value applies the 100px left margin */
}

正确的渲染应该是这样:

但是在IE5和IE6里,margin的100px被加倍,渲染成这个样子:

margin被加倍成了200px.
浮动元素的双倍margin距离bug的出现条件和特点是:

1. float块元素
2. margin方向与float方向相同,即float: left;的块只会加倍margin-left的值.
3. 这个float块与其父容器的内边之间夹着这个margin的情况下,才会加倍.当前行的第二个float块,因为其左边不是父容器的内边,就不会出现这个bug.
4. 浮动元素的双倍margin距离bug具备左右对称性.

修复很简单,在所有float的元素的CSS中加入display: inline;即可.其实根据W3C对float的定义,当float具备left或者right时,display效果应当是不起作用的,除非是display: none;,但是指定了display: inline;确实让IE6正确显示了margin.

5. 盒模型的bug

看这样一段代码:

div#box {
   width: 100px;
   border: 2px solid black;
   padding: 10px;
}

根据盒模型定义,这个div的宽度应该是2+10+100+10+2=124px.大部分浏览器也是这样解析的,唯独IE6认为它是100px宽.
这个bug会对布局带来严重影响.消除这个bug只需要在页首制定DTD即可.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

此前的一篇文章这样解释:在页首制定了DTD,浏览器就认定Web开发者知道并理解DTD,于是就会使用兼容标准的方式来解析和渲染页面.

6. PNG图片不能透明bug

在IE6中,PNG图片原本透明的部分被渲染成不透明的颜色.可以使用这篇文章提到的办法修复之.
其实这个bug只会出现在设置为alpha透明方式的png图片上,导引色透明方式在IE6中则不会出现不能透明的bug.

参考资料

• The IE5/6 Doubled Float-Margin Bug
• Internet Explorer CSS bug fixes
• IE CSS Bugs That’ll Get You Every Time

上图就是最近一直在做的一个网站,在南方,是一个诗社.