Author Archive
CSS:alpha背景透明
No Comments »
在各浏览器下用css实现背景透明。 但有个bug就是div中的所有元素都透明。这个问题一直困扰着我，有幸找到一种解决办法，就是加上span元素，在span中定义 position:relative，我也不知道为何加绝对定位就能解决，有时候方法就这么神奇似的。遗憾的是这个方法也只针对IE，其他浏览器还没有找 到方法。
代码：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>续写alpha透明</title>
<style type=”text/css”>
<!–
.transparent{
width:450px;
height:50px;
color:red;
font:14px 700 “宋体”;
filter:alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;
background-color:#000;
}
.transparent span { position:relative}
–>
</style>
</head>
<body>
<div class=”transparent”><span>CSS实现背景透明效果</span></div>
</body>
</html>
图片说明：
解释:
filter:alpha(opacity=35); 支持 IE 浏览器
-moz-opacity:0.35; 支持 FireFox 浏览器
opacity:0.35; 支持 Opera，safari 等浏览器
重置默认样式 css reset 分享
No Comments »
最近看到一个词叫css reset。什么叫做css reset呢？我理解为重置css，也就是重置默认样式。我在HTML下的默认样式中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个人的用法和写法都不一样。找到一篇关于css reset的调查文章， 可以看看国外使用css reset的比例调查。
这里有一篇总结css reset比较全面的文章，列举了多种css reset的写法，可以看看。
译文地址查看
原文地址查看
接下来我也查看了国内的两个网站，用Firebug按F12看看他们的css reset怎么写的？
淘宝（www.taobao.com）：
html {
overflow-x:auto;
overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
padding:0 10px;
text-align:left;
}
select {
font-size:12px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:0;
padding:0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px [...]
对付CSS兼容问题的十个超级技巧
No Comments »
一、针对firefox ie6 ie7的css样式
现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：
Example Source Code
#abc { color: #333; } /* Moz */
* html #abc { color: #666; } /* IE6 */
*+html #abc { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。
二、CSS布局中的居中问题
主要的样式定义如下：
Example Source Code
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明：首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。
但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
三、盒模型
Example Source Code
#box{
;
//for ie6.0- w\idth:500px;
//for ff+ie6.0
}
#box{
>//for ff
;
//for [...]
PHP调查系统—LimeSurvey
No Comments »
LimeSurvey是一款开源的PHP调查系统，用官方的话来说，“LimeSurvey有许多种特性，它具有创造一个优雅的在线调查所需的一切元素。”
LimeSurvey具有以下特性：
支持20多种问题类型
强大的用户管理功能
问卷安全设置
允许创建调查分支，即根据之前选项的不同，之后的题目也不同
允许将问题分组、分页显示
允许自定义结果分析方式（例如设置不同问题的权重）
允许在调查中集成图片和视频
自动创建调查表的可打印版本
可以将调查导出为多种格式（text, CSV, PDF, SPSS, queXML, MS Excel）
可以通过email发送邀请和提醒
允许自定义模板
多语言支持，包括简体中文
与其他PHP调查系统相比，LimeSurvey功能十分强大，但同时也造成了一个缺点——上手难。不过一旦适应以后，相信你就可以随心所欲的按照自己的想法创建一个PHP调查问卷了。
想了解更多信息，你可以去LimeSurvey的官方网站：http://www.limesurvey.org/
曲奇网:个性化网络社交服务与互联网应用平台
No Comments »
曲奇网 是一家刚刚进入内测的互联网服务，致力于为用户提供全新的互联网体验、学习、办公、工作、休闲等服务。Visit
RssHR:IT业内设计与开发的职位发布平台
No Comments »
RssHR 是一个侧重于国内IT业内设计与开发的职位发布平台，它主要针对IT圈内专业人士，自由设计师和开发人员以及优秀的学生。企业可以发布职位信息，由专业及经验丰富的求职者接受申请，达到招聘及时迅速，目标准确，效果明显的目地。
RssHR的首页十分的简单——一个搜索框，一个内容区域几乎囊括了RssHR的全部，尽管如此我仍然觉得这是一个很有想法的站点，这让我很快联想起另外两个在相似领域产生交集的网站：一个是Kijiji，另外一个则是智联招聘。Kijiji（目前中国站已更名为百姓网） 在分类广告信息方面具有专业技术和信息规模优势，而智联招聘在产业链结构和渠道上又具备很强的竞争力。不过，很可惜的是：这两个网站都不是产业细分的结 果，从他们目前发展规模来看，尽管已经很强大了，但我觉得现在应该会是他们企业成长过程中的一个瓶颈。Web2.0 需要的是个性化以及足以支撑产品持续发展的细分化。Visit
百付宝官方网站即将上线
No Comments »
9月10日消息，百度今日宣布，已经将其C2C支付平台定名为“百付宝”，百付宝将连同百度C2C平台一起与广大用户见面。
Mashable网站改版
No Comments »
收藏一下!!!:)
Google Chrome：Google浏览器即将发布
No Comments »
Google Chrome:Google计划发布一款名为Google Chrome的浏览器。最早是Blogoscoped的Philipp Lenssen收到了一份Google寄来的漫画书。这本38页的漫画介绍了Google自己的开源浏览器计划Google Chrome（暂时无法访问）的一些技术细节。
有道yodao书签发布
No Comments »
有道书签是您的私人网页收藏夹，集成了对书签的收藏、浏览和管理功能，使您的网页收藏变得更加随心所欲。
