Click here to return to the Wulin.com HTML tutorial column. If you want to browse the CSS tutorial, please click here.
Above: Markup Language - Specify CSS style for text . Chapter 14 Picture Replacement
As more designers and developers start using standards (especially CSS), many new technologies are discovered every day, and new ways to achieve the same goals and better ways are constantly developing.
Image replacement can be said to be the best example of this kind of change. This is the technique of using CSS to replace ordinary text with pictures. How should we use CSS to replace text with pictures?
It is best to put all the images for performance (unimportant or decorative) in CSS, because this can easily replace updated images without changing the tag source code. Similarly, we can ensure that all browsers and devices can correctly parse the meaning of tag source code, regardless of whether there is an advanced CSS that completely supports replacing text with pictures. This advantage has been emphasized in this book. There is no perfect solution.
However, finding the perfect way to simply use CSS to replace text with images is almost no different from finding the Holy Grail... because it does not exist yet. There are only ways to function properly in all browsers, but it cannot be used with auxiliary programs (such as screen readers). There are other ways to work unless the user specifies that the browser does not display any images, but also enables CSS.
Although there is no way to satisfy everyone (or all users) when writing this text, there are indeed many websites now. You must be very careful when applying any image replacement method, and you must also understand the side effects it will bring. It can be used, but be careful
This is the purpose of this chapter. At that time, the convenience brought by image replacement will also be revealed, but its shortcomings will be revealed. As time goes by, more CSS enthusiasts may find better ways to achieve the same effect; before that, we must make good use of the skills in it to measure gains and losses.
In order to familiarize you with the concept of image replacement, let’s take a look at several commonly used methods. Let’s start with the Fahrner Image Replacement skills (Fahrner Image Replacement;FIR).
Previous page1 2 3 4 5 6 7 Next page Read the full text