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

一、让容器内文字无论是单行仍是多行始终垂直居中（兼容IE七、8）

解决：css没法直接控制，用js实现

 

二、IE上超连接使用绝对定位后失效

解决办法：
（1）使用position:relative而不是position:absolute；
（2）添加背景色；
（3）添加透明的背景图片，gif或png，但会增长无心义的http请求；
（4）使用background:url(about:blank)，最佳方案。

 

三、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='姓名'}">

 

四、IE9如下浏览器不支持background-size属性

三种解决方法：

（1）使用滤镜，可是不能指定任意大小background百分比，要用绝对路径的图片；

（2）引入htc文档，可指定百分比，相对路径

（3）将图片大小变化成实用大小。

 

 五、关于移动端字体问题

• 各个手机系统有本身的默认字体，且都不支持微软雅黑
• 如无特殊需求，手机端无需定义中文字体，使用系统默认
• 英文字体和数字字体可以使用 Helvetica ，三种系统都支持

代码：

/* 移动端定义字体的代码 */
body{font-family:Helvetica;}

 

六、ie7下，a下的span手型指针消失的问题

这是ie7的一个bug，二种解决办法：
（1）a标签里面文字连接不要用span包裹，用em或其余标签；
（2）给a标签多加一个样式：cursor: pointer;

 

七、IE7下不支持对block元素的inline-block

对元素设置 _zoom:1; *display:inline;便可