一些常見html css遇到的問題

標籤：透明   str   瀏覽器   手機   顯示   html   相對   blank   方式   

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遇到的問題