主頁 > 知識庫 > css display:none使用注意事項(xiàng)小結(jié)

css display:none使用注意事項(xiàng)小結(jié)
熱門標(biāo)簽：鐵路電話系統(tǒng) 服務(wù)器配置 銀行業(yè)務(wù) 呼叫中心市場需求 智能手機(jī) 網(wǎng)站文章發(fā)布 檢查注冊表項(xiàng) 美圖手機(jī)
1、如果在樣式文件或頁面文件代碼中直接用display:none對元素進(jìn)行了隱藏，載入頁面后，在沒有通過js設(shè)置樣式使元素顯示的前提下，使用js代碼會(huì)無法正確獲得該元素的一些屬性，比如offSetTop,offSetLeft等，返回的值會(huì)為0，通過js設(shè)置style.display來使元素顯示后才能正確獲得這些值。

2、使用display:none隱藏的元素不會(huì)被百度等搜索網(wǎng)站檢索，會(huì)影響到網(wǎng)站的SEO，某些情況下可以使用left:-100000px來達(dá)到同樣效果。

3、如果是通過樣式文件或style>css/style>方式來設(shè)置元素的display:none樣式，用js設(shè)置style.display=""并不能使元素顯示，可以使用block或inline等值來代替。通過style="display:none"直接在元素上進(jìn)行的設(shè)置不會(huì)有這個(gè)問題

4、有些情況下可以使用style.visibility來代替style.display，但是要注意的是style.visibility隱藏元素時(shí)會(huì)保留元素在頁面上所占的空間，而style.display隱藏元素且讓出所占頁面空間。

標(biāo)簽：沈陽 滄州 長治 上海 新疆 樂山 紅河 河南

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《css display:none使用注意事項(xiàng)小結(jié)》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266