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
Example of utf8mb4 collation in MySQL
Common utf8mb4 sorting rules in MySQL are: utf8mb...
Analysis of the difference between Mysql InnoDB and MyISAM
MySQL supports many types of tables (i.e. storage...
Three methods to modify the hostname of Centos7
Method 1: hostnamectl modification Step 1 Check t...
Detailed explanation of linux nslookup command usage
[Who is nslookup?] 】 The nslookup command is a ve...
The neglected special effects of META tags (page transition effects)
Using js in web design can achieve many page effec...
How to change the dot in the WeChat applet swiper-dot into a slider
Table of contents background Target Effect Ideas ...
Detailed explanation of the use of Docker commit
Sometimes you need to install certain dependencie...
Practice of dynamically creating dialog according to file name in vue+el-element
Table of contents background accomplish 1. Encaps...
Implementation of communication between Vue and Flask
Install axios and implement communication Here we...
MySQL's method of dealing with duplicate data (preventing and deleting)
Some MySQL tables may contain duplicate records. ...
Introduction to HTML basic controls_PowerNode Java Academy
The <input> tag The <input> tag is us...
React hooks pros and cons
Table of contents Preface advantage: shortcoming:...
Mini Program to Implement Paging Effect
This article example shares the specific code for...
Example of converting JavaScript flat array to tree structure
Table of contents 10,000 pieces of data were lost...
Detailed explanation of Vue's sync modifier
Table of contents 1. Instructions 2. Modifiers 3....