a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染

字號:


    a標(biāo)簽顯示一張圖片同時寫有文字,又想讓文字隱藏,通過text-indent可以實現(xiàn),但在ie7中以及360默認(rèn)ie模式下,圖片就不顯示,下面與大家分享下比較不錯的解決方法。
    經(jīng)常遇到<a>標(biāo)簽有一個樣式,是顯示一張圖片,但標(biāo)簽中寫有文字,又想讓文字隱藏,很多種情況下,會想到
    text-indent:-9999em;
    但今天就發(fā)現(xiàn)ie7中以及360默認(rèn)ie模式下,圖片就不顯示了,就到網(wǎng)上查了查,下面就總結(jié)一下:
    凡ie7模式下的css寫法如下:
    代碼如下:
    text-indent:-9999em;
    overflow:hidden;
    float:left;//當(dāng)然也可以float:right;
    上述css已經(jīng)可以解決這個問題。
    360中有個ie模式和極速模式,想要網(wǎng)頁一打開默認(rèn)極速模式,只需要在<head>中加入下邊一句話就可以了:
    代碼如下:
    <metaname=renderercontent=webkit>極速模式
    <metaname=renderercontent=ie-comp>兼容模式
    <metaname=renderercontent=ie-stand>ie模式