首頁 >web前端 >html教學 >a標籤中寫有文字並有圖片如何隱藏文字只顯示圖片_HTML/Xhtml_網頁製作

a標籤中寫有文字並有圖片如何隱藏文字只顯示圖片_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:39:182231瀏覽

常常遇到標籤有一個樣式,是顯示一張圖片,但標籤中寫有文字,又想讓文字隱藏,很多種情況下,會想到

text-indent:-9999em;

但今天就發現ie7中以及360預設ie模式下,圖片就不顯示了,就到網上查了查,下面就總結一下:

凡ie7模式下的css寫法如下:

複製程式碼
程式碼如下:

程式碼如下:text-indent: -9999em;
overflow: hidden;
float: left; //當然也可以float: right;

上述css已經可以解決這個問題。


360中有個ie模式和極速模式,想要網頁一開啟預設極速模式,只需要在

加入下邊一句話就可以了:
複製程式碼
程式碼如下:


極速模式
極速模式
相容模式
IE模式
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn