前端網(wǎng)站開發(fā)遇到的問題匯總
1、讓容器內(nèi)文字不管是單行還是多行始終垂直居中
解決:css無法直接控制,用js實現(xiàn)
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,添加一個額外的標(biāo)簽(span)到body里然后絕對定位覆蓋到input上面
或者,也可以用這種方式:
4、IE9以下瀏覽器不支持background-size屬性
三種解決方法:
(1)使用濾鏡,但是不能指定任意大小background百分比,要用絕對路徑的圖片;
(2)引入htc文檔,可指定百分比,相對路徑
(3)將圖片大小變化成實用大小。
5、關(guān)于移動端字體問題
各個手機(jī)系統(tǒng)有自己的默認(rèn)字體,且都不支持微軟雅黑
如無特殊需求,手機(jī)端無需定義中文字體,使用系統(tǒng)默認(rèn)
英文字體和數(shù)字字體可使用 Helvetica ,三種系統(tǒng)都支持
代碼:
/* 移動端定義字體的代碼 */
body{font-family:Helvetica;}
6、ie7下,a下的span手型指針消失的問題
這是ie7的一個bug,二種解決辦法:
(1)a標(biāo)簽里面文字鏈接不要用span包裹,用em或其他標(biāo)簽;
(2)給a標(biāo)簽多加一個樣式:cursor: pointer;
7、IE7下不支持對block元素的inline-block
對元素設(shè)置 _zoom:1; *display:inline;即可