他娘的IE！
如题。
FiO @ 2006-09-09 13:16 | 评论 (1) | 日志 | 标签: css | 加入收藏
让IE也能用position:fixed
今天在做网站的时候需要实现一个随网页滚动的div的效果。搜了搜，多数是js效果，这不是浪费资源么。还有一个用top:expression()实现的，可惜在多个层时候就没效了，烂！

于是去美味书签找了找，还真看到了。

引自：http://www.jluvip.com/blog/article.asp?id=109

因为非IE的主流浏览器都支持position:fixed;所以只需要给IE设置一下fixed效果。

第一步让IE下#menu具有绝对定位
* html #menu {position:absolute;}/*only for ie*/结果看到有两个纵轴滚动条，外围是html的，内侧是body的。

第二步去掉外侧滚动条，因为外侧没有滚动效果
html {overflow-x:auto; overflow-y:hidden;}


还发现个更好的，把各种固定的header、footer之类都写好了代码的：
http://limpid.nl/lab/css/fixed/

css真是万能阿！IE7和FF2都完全支持CSS3吧！！
FiO @ 2006-09-08 22:17 | 评论 (0) | 模板 | 标签: css 网络 | 加入收藏
超简单制作带有滚动条的DIV的方法
from http://www.zachgraeve.com/

有时候做某个DIV时候会发现里面的文字太多了，而你又不想扩大DIV的面积，但是怎么能给这个DIV加上个滚动条呢？ 一句话：

overflow : auto;


ok，搞定，收工。
FiO @ 2006-09-07 07:59 | 评论 (0) | 模板 | 标签: css | 加入收藏
使用CSS进行图片反盗链
img {
filter:expression(
this.不能去掉 ? "" :
(
(!this.complete) ? "" :
this.runtimeStyle.filter = ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')") +
String(this.不能去掉 = true).substr(0, 0) +
(this.src = "http://www.webjx.com/images/logo.gif").substr(0, 0)
)
);
}
FiO @ 2006-09-05 17:04 | 评论 (0) | 模板 | 标签: css | 加入收藏
使用CSS反转邮箱地址
<style type="text/css">
.reverse {unicode-bidi:bidi-override; direction: rtl; color:#f00;}
</style>
FiO @ 2006-09-03 11:24 | 评论 (1) | 模板 | 标签: CSS | 加入收藏
使用DIV和Span元素制作“链接层”的方法
方法来自ZachRaeve的Blog。

在应用层的时候可以直接加入DHTML的onclick事件：
<div id="header" onclick="location.href=http://www.example.com;">
为了让用户能更清楚这是一个带有链接的层，可以使用自定义鼠标：
cursor: pointer;

这样就完成了一个“链接层”
FiO @ 2006-09-02 18:52 | 评论 (0) | 模板 | 标签: CSS | 加入收藏