There is text and pictures in a tag. How to hide the text and only display pictures_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:

The css writing in IE7 mode 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
< ;meta name="renderer" content="ie-comp"> Compatibility mode
IE mode