1. 程式人生 > >一些常見html css遇到的問題

一些常見html css遇到的問題

手型 logs ie6 str 垂直居中 問題 strong point gif

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