前端網(wǎng)站開發(fā)遇到的問題匯總

前端網(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;即可

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,152評論 1 92
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HTML5...
    Programmer客棧閱讀 2,102評論 0 12
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,827評論 1 19
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,764評論 2 19
  • 自從有了微信,真的方便了大家。沒事曬曬美食,沒事聊聊感情。你曬你的房,我曬我的車。你寫你的人生,我寫我的愛情...
    東江之子閱讀 355評論 0 1

友情鏈接更多精彩內(nèi)容