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

a標(biāo)簽顯示一張圖片同時(shí)寫(xiě)有文字,又想讓文字隱藏,通過(guò)text-indent可以實(shí)現(xiàn),但在ie7中以及360默認(rèn)ie模式下,圖片就不顯示,下面與大家分享下比較不錯(cuò)的解決方法。

經(jīng)常遇到<a>標(biāo)簽有一個(gè)樣式,是顯示一張圖片,但標(biāo)簽中寫(xiě)有文字,又想讓文字隱藏,很多種情況下,會(huì)想到

text-indent:-9999em;

但今天就發(fā)現(xiàn)ie7中以及360默認(rèn)ie模式下,圖片就不顯示了,就到網(wǎng)上查了查,下面就總結(jié)一下:

凡ie7模式下的css寫(xiě)法如下:

代碼如下:

text-indent:-9999em;

overflow:hidden;

float:left;//當(dāng)然也可以float:right;

上述css已經(jīng)可以解決這個(gè)問(wèn)題。

360中有個(gè)ie模式和極速模式,想要網(wǎng)頁(yè)一打開(kāi)默認(rèn)極速模式,只需要在<head>中加入下邊一句話就可以了:

代碼如下:

<metaname="renderer"content="webkit">極速模式

<metaname="renderer"content="ie-comp">兼容模式

<metaname="renderer"content="ie-stand">IE模式

更多信息請(qǐng)查看IT技術(shù)專欄

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

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