There is text written in a tag. How to hide the text and display the image? Compatible with 360 mode rendering_HTML/Xhtml_Web page production

I often encounter that the tag has a style that displays a picture, but there is text written in the tag, and I want the text to be hidden. In many cases, I will think of

text-indent:-9999em ;

But today I found that in ie7 and in the default ie mode of 360, the pictures are not displayed, so I checked online. Here is a summary:

Every css in ie7 mode The writing is as follows:

Copy the code

The code is as follows:

text-indent: -9999em ;
overflow: hidden;
float: left; //Of course you can also float: right;

The above css can already solve this problem.

There are IE mode and extreme speed mode in 360. If you want the default extreme speed mode when opening a web page, you only need to add the following sentence to the :

Copy code

The code is as follows:

Speed ​​mode
Compatibility mode
IE mode