How to hide the text in the a tag and display the image? Compatible with 360 mode rendering

How to hide the text in the a tag and display the image? Compatible with 360 mode rendering
Often you will encounter a style of <a> tag that displays an image, but there is text in the tag and you want to hide the text. In many cases, you will think of

text-indent:-9999em;

But today I found that the pictures are not displayed in IE7 and 360 default IE mode, so I checked it online and summarized it below:

The css writing method in ie7 mode is as follows:

Copy 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.

360 has an IE mode and a speed mode. If you want to open a web page in the default speed mode, just add the following sentence in <head>:

Copy code
The code is as follows:

<meta name="renderer" content="webkit"> Speed ​​mode
<meta name="renderer" content="ie-comp"> Compatibility mode
<meta name="renderer" content="ie-stand"> IE mode

<<:  Example code for changing the style of other tags by hovering the mouse using CSS

>>:  Vue makes a simple random roll call

Recommend

Vue implements user login and token verification

In the case of complete separation of the front-e...

Analysis of the difference between HTML relative path and absolute path

HTML beginners often encounter the problem of how ...

Layui implements the login interface verification code

This article example shares the specific code of ...

Basic JSON Operation Guide in MySQL 5.7

Preface Because of project needs, the storage fie...

Nginx access log and error log parameter description

illustrate: There are two main types of nginx log...

MySql 5.6.36 64-bit green version installation graphic tutorial

There are many articles about MySQL installation ...

Ubuntu 20.04 sets a static IP address (including different versions)

Because Ubuntu 20.04 manages the network through ...

Solve the problem of combining AND and OR in MySQL

As shown below: SELECT prod_name,prod_price FROM ...

Design Theory: Text Legibility and Readability

<br />Not long ago, due to business needs, I...

Detailed explanation of the steps of using ElementUI in actual projects

Table of contents 1. Table self-sorting 2. Paging...

Example of pre-rendering method for Vue single page application

Table of contents Preface vue-cli 2.0 version vue...