老外经常喜欢做一些令人目瞪口呆的事情，这不又出现了两个纯用CSS实现的房子，我看到的第一眼就目瞪口呆了，然后开始找他有没有用图片。没有找到，只好无限佩服了！

为方便读者，已经把原网页复制了一份：

CSS House 1：http://www.afdream.com/blog/upfile/csshouse1.html

CSS House 2：http://www.afdream.com/blog/upfile/csshouse2.html

原页面地址：

CSS House 1：http://www.designdetector.com/tips/3DBorderDemo2.html

CSS House 2：http://www.designdetector.com/demos/css-house-2.html

看看效果先：

上图中的透明度为50%。这个实现起来其实也没什么，很Easy的事情^_^

在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下：

具体参数含义如下：

opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。...

该穿上衣服了，若有想看裸体者，请自己动手，在侧栏中选择“样式切换”，再选“绝对裸体”就可以了，嘿嘿……若是觉得不爽，你怎么脱的就怎么穿上！（删除Cookies也是个不错的选择，只要你愿意，呵呵）

=================================

武汉太热了，好不容易凉快，今天温度又要回升了，索性脱光了凉快一下！

据说昨天是CSS裸体节，发现太晚了，跟一下风……

呵呵，要是你看不顺眼，就顺着页面往下找，找到“样式切换”几个字，随便挑一件衣服穿上吧！

PS：脱掉CSS，才发现CSS这件衣服真漂亮啊！

首先建立几个CSS样式文件，分别命名为：css.css、css1.css、css2.css、css3.css。为简单起见，内容分别如下：

css.css:

css1.css:

css2.css:

css3.css:

换肤技巧方法一：

使用JS更改<link>标签内ID的属性值，代码如下：

看看效果先:

默认关闭状态:

打开状态一:

打开状态二:

网页代码如下:

最近几天都在搞这些乱七八糟的东西，今天到是捣鼓出了一个纯CSS的弹出菜单，不喜欢JavaScript，代码太烦琐了，大家先看看效果咯：

下面就是完整的代码了：

别急，我说几句先：

一、菜单的上下需要保持宽度和菜单的宽度一致，否则弹出菜单的位置会发生偏移，这个也是偶从偶做的网页中提起出来时才发现的；

二、下面的这一段中的红色部分必不可少，也不可更改：

/*子菜单样式定义*/

.submenu{

clear:both;

float:left;

position:absolute;

width:80px;

padding:0px;

font-size:13px;

}

[frown] 今天下午拿到一个用 JSF 做的弹出菜单，可以任意更换样式的，要求把里面的一组样式改一下。如果只是改CSS也算时间比较简单的事情，于是拿到手就开始改CSS，改了之后就刷新页面，没用的通通删掉！（主要原因是那个CSS样式定义的有点累赘，一个弹出菜单而已，CSS就有326行，真是郁闷！）

等我删了将近三分之一的时候，发现刷新页面没反应，问了一下旁边的兄弟这是怎么回事。我才知道这个 JSF 做的菜单有点奇怪，需要重新启动浏览器才会有相应的变化。我倒！于是关掉浏览器，再开，发现还是没变！感觉很奇怪，不可能啊！关掉 TomCat，再开，还是没反应，算了，只当它们没作用！

继续往下改，先把颜色全部改过来再说，辛辛苦苦，200多行……再开服务器，开浏览器，依然如故！开始怀疑菜单文件与这个CSS文件无关，于是改掉CSS文件的名称，菜单依然正常显示！

迫不得已，打开 menu.jsf , Jbuilder 启动的也够慢的，那一堆代码根本就看不懂，郁闷，找了半天也没找到到底用了哪个CSS文件（根据偶的理解应该是由js控制的），让旁边一个兄弟看了一会儿，也没发现……

不管了，吃饭要紧，吃饭去……