a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染
來源:易賢網(wǎng) 閱讀:1124 次 日期:2016-06-20 08:53:57
溫馨提示:易賢網(wǎng)小編為您整理了“a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染”,方便廣大網(wǎng)友查閱!

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模式

更多信息請查看網(wǎng)頁制作
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)