css处理背景随网页缩放而自适应百分百显示

如今大背景图片布局越来越流行于各个网站,看效果,请参见网站:http://500px.com,并请你缩放网页查看大背景图的变化,你会发现背景图片不会随网页的缩放而变小,最后像普通网页的大背景图一样在网页的空余地方露出白色区域,它而是出现一种类似自适应视窗大小背景图拉伸的效果。那么,这种css效果是如何做的呢?有几种方法呢?哪些方法有哪些兼容性问题呢?

哈,就目前我个人所知道的,有两种方法:css3和图片百分百宽高。

第一:css3,不支持ie6,7,8

说道CSS3,虽然它给网页带来了很多强大的网页效果,但是都是以牺牲浏览器为代价的。这种牺牲在中国以IE6为主导的尤为明显。但话说回来,毕竟凡事无绝对嘛。css3给我们提供了一个background-size 继续阅读

发表在 前端技术 | 标签为 , , | 留下评论

ie6(ie)浏览器不支持的一些CSS属性和解决方案

不要抱怨ie6和ie7,它们诞生的年代只是离现在有些遥远而已。

切入正文,我们知道CSS2的一些属性在ie浏览器并不兼容,这篇文章主要介绍这些属性和针对ie6,ie7浏览器它们的解决方案!

第一:fixed

介绍:fixed属性是可以固定某个块(div)在某个位置,并且随网页滚动,该块(div)位置不变,即固定定位。并且它对应的父级是视窗本身。

不支持的浏览器:ie6;

解决方案 继续阅读

发表在 前端技术 | 标签为 , , , , , , | 留下评论

Achievement !

we all have the same things—time.  so whatever you wealthy and poor,  please cherish it. before you get achievement.

发表在 生活日志 | 留下评论

拖拽的简易实现

经常在各大网站看到一些模块可以让用户自由拖拽,把网页的可操作性交给了用户。比如百度的登陆层,是可以实现拖拽的…那么这种拖拽是如何实现的呢?

现在,我们把拖拽特效的分解成几个动作。分别是鼠标按下,鼠标拖动过程,鼠标释放三个步骤,以下是它们的分部介绍:

onmousedown 鼠标按下

鼠标按下时(当然鼠标按着的时候也包括鼠标拖着div块在移动,还有就是在div上松开鼠标。),我们需要记录光标和div的距离。假设拖动的div是obj。则代码可以整理为 继续阅读

发表在 前端技术 | 标签为 , , , , | 留下评论

近来

在写这篇博文之前,我看了下上篇文章的日期,已经是将近两个礼拜的事了。

不得不说,最近的确有些忙,上个星期疲于抢火车票,虽然中途处理的过程有些反情绪,但看到完成订单里面的几张卧铺票还是颇感安慰的。另外,工作方面也由于公司新站的上线而有许多问题要处理,这可比单纯的切静态页面棘手多了。就算bug完成八九了,需求方也会层出不穷的提出各种前台效果和功能要求,没有特别值得让人挑战的新东西,这好似一场疲惫战,我们都在默默的挣扎着….

十月以后,公司需要每天开早会了。这比每周四写周报来的更加让人深痛恶绝,从某种意义上,这也让公司职员反感公司领导对他们的不信任。好像非要说出点什么来,才知道你今天是真的在工作。但我们都明白,并非每天都有工作内容要完成的。所以,曾有一次在早会上我直接说今天暂无它事,看是否能配合开发调整页面。于是,组长在第二天早会前提前交待不要再以昨天那种说法给总监报告了。的确,我意识到我错了,但请原谅我就是这么一个直接的人,虽然我知道做简报也有很多技巧。

前些天看到淘宝的TaoBaoUED改版了。新版的界面清爽大气、内容丰富,结构方面则采用左边固宽、固位置,右边流体的布局,用户体验极佳。然后,兴奋的发给一个做设计的朋友看,之后,她说:淘宝的的东西总是做得很不错的。

近来晚上逐渐习惯和朋友网上聊天了。大家说说笑笑的,仿佛没有了距离,冲淡了许多生活和工作忧愁的同时,也平添了颇多乐趣。哈,这个冬天的夜晚不再那么寒冷了。

发表在 生活日志 | 标签为 , , , | 留下评论