前端网站开发遇到的问题汇总

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;即可