前端网站开发遇到的问题汇总
1、让容器内文字不管是单行还是多行始终垂直居中（兼容IE7、8）
解决：css无法直接控制，用js实现
2、IE上超链接使用绝对定位后失效
解决办法：
（1）使用position:relative而不是position:absolute；
（2）添加背景色；
（3）添加透明的背景图片，gif或png，但会增加无意义的http请求；
（4）使用background:url(about:blank)，最佳方案。
3、IE6/7/8/9不支持placeholder的两种解决办法
（1）使用input的value作为显示文本
（2）不使用value，添加一个额外的标签（span）到body里然后绝对定位覆盖到input上面
或者，也可以用这种方式：
<input type="text" value="姓名" onfocus="if(value=='姓名') {value=''}" onblur="if (value=='') {value='姓名'}">
4、IE9以下浏览器不支持background-size属性
三种解决方法：
（1）使用滤镜，但是不能指定任意大小background百分比，要用绝对路径的图片；
（2）引入htc文档，可指定百分比，相对路径
（3）将图片大小变化成实用大小。
5、关于移动端字体问题
- 各个手机系统有自己的默认字体，且都不支持微软雅黑
- 如无特殊需求，手机端无需定义中文字体，使用系统默认
- 英文字体和数字字体可使用 Helvetica ，三种系统都支持
代码：
/* 移动端定义字体的代码 */ body{font-family:Helvetica;}
6、ie7下，a下的span手型指针消失的问题
这是ie7的一个bug，二种解决办法：
（1）a标签里面文字链接不要用span包裹，用em或其他标签；
（2）给a标签多加一个样式：cursor: pointer;
7、IE7下不支持对block元素的inline-block
对元素设置 _zoom:1; *display:inline;即可
