可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks

可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks:

1
2
3
4
5
6
7
8
9
10
11
12
13
.test{
    color:/*\**/#00f\9; /* IE8 */
}
.test,
.test:-moz-any-link{
    color:#f60; /* Firefox2 */
}
.test,
.test:default{
    color:#000; /* Firefox3 */
    *color:#f00; /* IE7 */
    _color:#0f0; /* IE6 */
}

可同时区分IE8、IE7、IE6、Firefox的CSS hacks:

1
2
3
4
5
6
.test{
    color:#000; /* Firefox */
    color:/*\**/#00f\9; /* IE8 */
    *color:#f00; /* IE7 */
    _color:#0f0; /* IE6 */
}

关于IE8的hacks:

1
2
3
4
.test{
    color:/*\**/#00f\9; /* IE8 only */
    color:#00f\9; /* 适用于所有IE版本 */
}

任意分栏式布局 Any Order, Any Layout Columns

为了适应新项目的布局需求,总结之前搜狐博客HOME平台的经验,研究出了一种尊重HTML结构,并且可以任意调整分栏比例的分栏布局方法,不多废话看代码!

HTML:

1
2
3
4
<div class="r">
	<div class="cMain">①. 主要内容栏,以下简称“主栏”。</div>
	<div class="cSub">②. 次要内容栏,以下简称“次栏”。</div>
</div>

CSS:

为了清除分栏浮动对后面内容的影响和闭合主容器,主容器需要“clearfix”一下:

1
2
.r{zoom:1;}
.r:after{content:'\0020';display:block;clear:both;height:0;}

对于两栏按百分比对开的布局应该不需要我介绍了,主要和大家分享一下实现一栏定宽,另一栏自适应的几种基本情况:

1. 主栏居左显示,定宽200px;次栏居右显示,宽度自动补足余下空间

任意分栏布局 Any Order, Any Layout Columns

1
2
3
.r{padding-left:200px;}
	.cMain{float:left;width:200px;margin:0 0 0 -200px;}
	.cSub{float:right;width:100%;}

Read more about "任意分栏式布局 Any Order, Any Layout Columns" …

黄金周的八达岭长城

十一黄金周真不适合出来玩儿,为了带姐姐去看眼长城,起了个大早,一路各种排队,体会最深的却是的雄伟人墙:

八达岭长城

八达岭长城人海

通过OpenSearch向IE7、Firefox添加自定义搜索

前几天IE被微软强制升级到了IE7,在升级成功后的浏览器配置过程中,注意到了OpenSearch这个功能。
Search了一下,基本的创建方法非常容易。

第一步,创建一个XML文档,格式如下:

1
2
3
4
5
6
7
8
9
10
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
	<ShortName>Uiland</ShortName>
	<Description>从“一方天”中搜索</Description>
	<Tags>Uiland 一方天</Tags>
	<Contact>email@yourdomain.com</Contact>
	<InputEncoding>UTF-8</InputEncoding>
	<Image width="16" height="16" type="image/ico">/favicon.ico</Image>
	<Url type="text/html" template="/?s={searchTerms}"/>
</OpenSearchDescription>

也可以通过微软提供的向 Internet Explorer 7 添加搜索提供商页面引导创建。 Read more about "通过OpenSearch向IE7、Firefox添加自定义搜索" …

Page 14 of 47 :|<678910111213[14]1516171819202122>|