2014-04-11
首先我们拿起手机，看看效果：www.choujone.com(缩放浏览器即可查看效果)http://www.choujone.com/responsivewebdesign/index.html（任何设备都可以）什么叫做响应式布局？也即是响应式Web设计。响应式布局是EthanMarcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版... 查看详细
2013-09-06
如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。本文我们主要是讲解如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多种，下面介绍一种实用的让IE支持CSS3解析... 查看详细
2013-09-06
强制不换行div{white-space:nowrap;}自动换行div{word-wrap:break-word;word-break:normal;}强制英文单词断行div{word-break:break-all;}CSS设置不转行：overflow:hidden隐藏white-space：normal默认pre换行和其他空白字符都将受到保护nowrap强制在同一行内显示所有文本，直到文本结... 查看详细
2013-09-04
为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用 ；（甚至为空）这样在没有加载到css时就无法知道这个区块究竟是什么内容了正题开始通常偏移掉字体的方式是（1）使用text-indent:-9999px;可... 查看详细
2013-09-04
在做页面右下脚对话框时，直接使用position:fixed;大部分浏览器很容易就能做到，但是在IE6中却发现不行，原来是IE6不支持position:fixed;这个属性。虽然用JS肯定能解决这个问题，但是总觉得用JS来做布局的工作不是很好，网上找了下这个问题，发现可以直接用CSS方法解决，代码如下：_position:absolute;_bottom:auto;_top:expression(... 查看详细
2013-09-04
项目中header中有个PNG透明背景图片，图片原图比header大很多，在chrome和ff中直接平铺刚好能铺满整个header区域，多出来的不显示，但在IE中会显示整个PNG图片的尺寸，导致撑大变形。后来在网上找到一段关于IE背景图片100%显示的帖子，找到解决方法是：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=1... 查看详细