CSS3 Media Query实现响应布局

讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局)。

Continue reading CSS3 Media Query实现响应布局

css3工具汇总

HTML5CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局,因为他们给这个领域带来了太多太多令人惊奇的新特性!我用大量时间学习了HTML5和 CSS3技术,它们的动画、圆角等特效会令你震惊…。虽然还有很多特性不被浏览器所支持,但我们作为前端开发从业者,有必要掌握它们。您还可以参考以下HTML5和CSS3相关文章:

Continue reading css3工具汇总

【IE6的疯狂系列】IE6 BUG大全[转]

蓝理的:http://bbs.blueidea.com/viewthread.php?tid=2949105

 

下面内容转自 css888 web前端开发

 

IE6 bug到底令我们前端开发头痛我就不多说了

说实话,很多东西我一直在回避IE6的BUG,比如不用半透明的PNG。。。

但是毕竟IE6还将长期存在,而且IE6在中国比例目前还绝对多数,所以我们无法回避。逃无可逃,退无可退!

现整理收集《【IE6的疯狂系列】IE6 bug大全》仅供参考。

如果大家发现IE6或者IE7的BUG,并愿意共享,请您留言,来邮件:feiwen8772@qq.com,或者QQ:148246293,本人将尽快总结这里,和大家一起分享。

【IE6的疯狂之一】IE6中奇数宽高的BUG:http://www.css88.com/archives/1725

【IE6的疯狂之二】IE6中PNG Alpha透明:http://www.css88.com/archives/577

【IE6的疯狂之三】IE6 3像素BUG的实例:http://www.css88.com/archives/117

【IE6的疯狂之四】IE6文字溢出BUG:http://www.css88.com/archives/253

【IE6的疯狂之五】div遮盖select的解决方案:http://www.css88.com/archives/545

 

Continue reading 【IE6的疯狂系列】IE6 BUG大全[转]

修正IE6不支持position:fixed的bug

众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这个属性的时候,是不可能直接无视的。

你是如何让position:fixed在IE6中工作的?

本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。

Continue reading 修正IE6不支持position:fixed的bug

返回顶部