一些常見html css遇到的問題
阿新 • • 發佈:2017-06-28
手型 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遇到的問題