易截截图软件、单文件、免安装、纯绿色、仅160KB

《精通CSS高级WEB标准解决方案》第八章:招数和过滤器

我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
招数和过滤器
IE的有条件注释:仅用这一项,就可以解决IE的兼容问题,至于其它浏览器的不同版本,我们完全可以忽略不计。[code]
/*有条件注释仅在IE中支持且IE5以后的所有版本均支持*/
<!--[if IE]
<style type='text/css'>
@import("ie.css");
</style>
-->
/*指定IE版本*/
<!--[if IE 5]
<style type='text/css'>
@import("ie50.css");
</style>
-->
/*指定IE5.5和更高版本*/
<!--[if gte IE 5.5]
<style type='text/css'>
@import("ie55up.css");
</style>
-->
/*指定IE5.5和更低版本*/
<!--[if lt IE 6]
<style type='text/css'>
@import("ie.css");
</style>
-->
[/code]子选择器、属性选择器和* HTML招数招数:[code]
/*由于IE6还不支持子选择器和属性选择器,所以可以通过它们让设定在IE6中无效*/
html>body{
    background-image:url(bg.png);
}
div[id='content']{
    background-image:url(bg.png);
}
/*星号HTML将设定限于IE6以下选择器,但我的电脑上没有装IE6,在IE test下该招数无效*/
* html{
    font-size:small;
}
[/code]!important和下划线招数:[code]
#nav{
   position: fixed !important;
   position: static;
}
#nav{
   position:fixed;
   _position:static;
}
[/code]


相关文档:

网页变灰CSS代码

使网页变灰,有两种方法可实现:
第一种,全部变灰:
<style type="text/css">
html { FILTER: gray }
</style>
 
第二种,局部变灰,广告代码不会变灰:
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......

IE6,7,8,FF css hack

CSS兼容性一直是大家头疼的问题,现在说说如何区分这几个浏览器,IE6、IE7、IE8和FF,IE8均指IE8正式版,版本号:8.0.6001.18702。
以颜色为例来说如何区分这几个浏览器:
.csshack{
    color:#f00;               &nbs ......

css,javascript的预加载

css,javascript的预加载
为了提高网站的加载速度,有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块),然后使用动态插入节点方法加载的文件都会在加载后立即执行, ......

《精通CSS高级WEB标准解决方案》第七章 布局

我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
第七章 布局
所有CSS布局技术都依赖于三个基本概念:定位、浮动和空白边操纵
7.1 让设计居中[code]
<body>
<div id='wrapper'>
</div>
</body>
/*最明了的居中方案,可惜IE6不支持*/
#wrapper{
    ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号