最近发现了一个让 IE6~8 也能呈现 CSS3 Multiple Backgrounds（复合背景）的方法，当时我小小的震惊了一下。看来 IE6 曾经的辉煌不单是微软的捆绑和网银的支持造成的，在当年，它强大的功能也令其它浏览器难以追赶。废话不说了，先说说 CSS3 里的标准做法。

在 CSS3 标准里，Background 属性被赋予更加强大的功能，在 CSS2.1 的基础上，我们可以对一个对象同时使用多个背景图片。例如如下的样式：

1
2
3

#multiple-bg {
	background-image: url(top.png), url(middle.png), url(bottom.png);
}

添加符合背景图片的时候先从最顶层开始添加，按从高到低的顺序写样式。大家可以看这个 Demo。可以尝试用 IE 打开看看效果。

最近国外有开发者发现Firefox和Opera的一个BUG：无法改变按钮里文字的行高（包括input type=”sumbit”和HTML的button标签）。举个例子，对一个按钮使用以下样式：

1
2
3
4
5
6
7

input#button {
	border: 2px solid #06f;
	color: #06f;
	background-color: #6cf;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 50px;
}

按照常理，这个样式将为按钮设置50px的行高，并使文本垂直居中。因为这个样式在Chrome、Safari和IE8里的表现都一致，唯独在Firefox和Opera里并没有表现出50px的行高，具体效果如下图。

Microsoft Expression Web 3 SuperPreview是微软公司为WEB开发人员推出的一个用来测试网站效果的软件，免费版可以用来测试IE6+的页面效果，并且可试用60天。这对一般的网页设计人员来说已经足够了。特别在升级到Win7以后，老牌测试工具IETester经常报错，令人非常郁闷。微软自家的Web 3 SuperPreview就不会犯这种低级错误了，而且它的功能比IETester强大多了。我以我的日记博客（http://shouy.in）为测试对象演示一下几个好用的功能。

我打算重新设计一个博客引导页，在里面设计一个小彩蛋。通过PHP识别访客所用的浏览器，并输出不同的欢迎语。省时起见，在网上搜索了一段代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 8.0"))
echo "MSIE 8";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 7.0"))
echo "MSIE 7";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 6.0"))
echo "MSIE 6";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/3"))
echo "Firefox 3";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/2"))
echo "Firefox 2";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Chrome"))
echo "Google Chrome";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Safari"))
echo "Safari";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Opera"))
echo "Opera";
else echo $_SERVER["HTTP_USER_AGENT"];

最近傲游论坛搞一个设计板块图标得官方T恤的活动，我忍不住参加了。我的作品请看图“活动专区”的图标。
看来真是我太久没做过图标，作品出炉的时候从上下左右各个方向欣赏了效果，态度相当自恋，自以为应该是拿奖品的水准了，因此迫不及待地上传到论坛。
昨天晚上再次登录论坛查看观众反映，见一评分者，留言曰：“这个……像厕所”。本人当时有点佩服该评论者的想象力真是天马行空（插播旁白：真是一个囧啊，我当时居然真的还没发现这个logo像世界流行的WC标志）。后来我控制不了自恋的情绪，再次欣赏了一次logo。说来有点后悔，这次自恋的第一感觉是：厕所在此。我马上停下正在赶工的主题，做了一个新logo并上传到论坛。

现总结一下这次设计的心得，望能令前辈一笑和后来之人引以为戒。
1、宁愿恋春哥，也不要恋自己弄出来的东西。
2、提交作品的时候一定要带上说明，否则容易引起误会。

厌倦了呆板的桌面了吗？厌倦了平淡的网页了吗？试试SphereXPlorer吧！
SphereXPlorer 是一款3D网页浏览器，SphereXPlorer网页浏览器提供独一无二的网页浏览方式，可以让使用者快速寻找、组织、存储和交换所需的网络资源。
SphereXPlorer三维立体网页浏览器，使得你浏览网络时与以前大不相同，有着新奇的临场感，让使用者同时浏览多个网页，这一切尽在SphereXPlorer三维立体浏览器中实现。
追求操作的万变、新鲜刺激的应用体验总是能激起大家无尽的兴致。

因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。

1、 IE6、IE7、Firefox之间的兼容写法：

写法一：

IE都能识别*;标准浏览器(如FF)不能识别*； 
IE6能识别*，但不能识别 !important, 
IE7能识别*，也能识别!important; 
FF不能识别*，但能识别!important; 
根据上述表达，同一类/ID下的CSS hack可写为： 
.searchInput { 
background-color:#333;/*三者皆可*/ 
*background-color:#666 !important; /*仅IE7*/ 
*background-color:#999; /*仅IE6及IE6以下*/ 
} 
一般三者的书写顺序为：FF、IE7、IE6。