1、讓容器內文字不管是單行還是多行始終垂直居中

解決：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;即可

一些常見html css遇到的問題