Text replacement image (CSS can not be loaded to replace text)

tags: CSS

When the Internet speed is very slow, CSS/Javascript does not load. At this time, some pictures with hyperlinks need to be replaced by text that substitutes the link. For example, the logo of Taobao is a hyperlink. When the network is not working, only It will display the hyperlink of the three words Taobao. The general idea is to hide the text "Taobao" with CSS. When the CSS fails to load, it will be displayed

method one

text-indent:200px //Indent the first line, indent outside the picture
white-space:  nowrap //Force no line break
overflow:hidden //Text hidden

Method Two

a{
	height:0px;//Set the line of the a tag where the background image with the hyperlink is located, and set the height to 0, then the background image will shrink into a line
	padding-top:90px;//Use the inner margin to open the box, the background image will be displayed (the background image and background color will be displayed on the padding, the content area will not)
	over-flow:hidden//Because the content will not be displayed on the padding-top, it will be squeezed out, here it is hidden
}
 //The background image and background color will be displayed on the padding; however, the content of the content area will not occupy the padding

Taobao uses the second method

Intelligent Recommendation

Rich text character replacement - Replace (x, y)

...

How Excel uses the text replacement function REPLACE

Before introducing the function, let me give you a practical example to demonstrate it. As shown in the picture below, it is the winning mobile phone number in a company's lottery, but in order to pro...

Point text replacement, click image replacement

...

css is not loaded, content-type is "text/html" not "text/css"

The css file cannot be loaded on the page, and the error is as follows The file cannot be parsed into text/css Solution one Because the page is added After deleting, re-run it can load normally Soluti...

CSS is not loaded because its MIME type "text / html" is not "Text / CSS".

CSS is not loaded because its MIME type "text / html" is not "Text / CSS". When you suddenly visit your website, this situation is likely to find the following solution: But it is ...