Home > Web Front-end > JS Tutorial > Super simple implementation method of making ie7 background transparent and text opaque_javascript skills

Super simple implementation method of making ie7 background transparent and text opaque_javascript skills

WBOY
Release: 2016-05-16 17:03:18
Original
1405 people have browsed it

If you are still worried about the opacity of transparent background and opaque text, I suggest you take a look. Of course, I have given up on IE6, so don’t say that using PNG8 pictures will have no effect under IE6. Of course, you can also use filters. I don't recommend using filters. Because other problems may arise! (Such as being unable to click, etc.) The most feared thing when doing front-end work is bugs, especially IE6. Get out of IE6!
The core of this article is to use PNG32 transparent pictures as the background and then tile the background. This way there will be no background transparent text and the text will be transparent. It’s super easy to do, don’t you think?
The image only needs to adjust the transparency.
Set the image to 20% transparency in PSD and save it as png.
(Don’t: Don’t set the mode to grayscale. It will become png8. And there is no transparency.)
The background is transparent and the text is opaque. Ha ha. IE 6 is gone! Support: IE7.0 /FF3.0 /Opera10 /Chrome/Safari. All tests passed.
The rendering is as follows:

Super simple implementation method of making ie7 background transparent and text opaque_javascript skills

The complete code is as follows:

Copy code The code is as follows:





ie7 Super simple method to make the background transparent and the text opaque



The background is transparent and the text is opaque. Ha ha. IE 6 is gone
Supports:
IE7.0 /FF3.0 /Opera10 /Chrome/Safari
All tested. Transparency: 20%

The background is transparent and the text is opaque. Ha ha. IE 6 is gone
Supports:
IE7.0 /FF3.0 /Opera10 /Chrome/Safari
All tested. Transparency is: 20%







Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template