a標(biāo)簽顯示一張圖片同時(shí)寫有文字,又想讓文字隱藏,通過text-indent可以實(shí)現(xiàn),但在ie7中以及360默認(rèn)ie模式下,圖片就不顯示,下面與大家分享下比較不錯(cuò)的解決方法。
經(jīng)常遇到<a>標(biāo)簽有一個(gè)樣式,是顯示一張圖片,但標(biāo)簽中寫有文字,又想讓文字隱藏,很多種情況下,會(huì)想到
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)可以解決這個(gè)問題。
360中有個(gè)ie模式和極速模式,想要網(wǎng)頁一打開默認(rèn)極速模式,只需要在<head>中加入下邊一句話就可以了:
代碼如下:
<metaname="renderer"content="webkit">極速模式
<metaname="renderer"content="ie-comp">兼容模式
<metaname="renderer"content="ie-stand">IE模式
更多信息請(qǐng)查看IT技術(shù)專欄