Annoying IE7, 8, translucent filter (filter: alpha) failure, png translucent failure solution, ie7png

Source: Internet
Author: User
Tags image filter

Annoying IE7, 8, translucent filter (filter: alpha) failure, png translucent failure solution, ie7png

In the project, I used IETest to test IE7. 8. I found that the background transparency settings were invalid. I then asked an article to solve the problem! I read some documents and summarized them.

Several IE translucent CSS styles

In IE8, you can write-ms-filter: "progid: DXImageTransform. Microsoft. Alpha (opacity = 50 )";

In IE7, you can write filter: progid: DXImageTransform. Microsoft. Alpha (opacity = 50 );

You can write filter: alpha (opacity = 50) in IE6, IE7, and IE8)

Progid: DXImageTransform. Microsoft is difficult to understand and looks annoying. It generally tends to write filter: alpha (opacity = 50;

The first two methods are similar to the ActiveX technology of MS. The third method does not seem ActiveX, but it is still ActiveX in essence; this allows you to disable all ActiveX filters in the security options. All IE filters, including this filter, will immediately become invalid;

There are two types of DIV background transparency:

One is that the DIV itself and the internal elements are all transparent, the other is that the DIV is transparent, and the child element is not transparent.

The first solution is to useBackground: rgba (255,255,255, 0.82); set the DIV style, and the child element will not be transparent.

In addition, add a parent DIV outside the DIV, set the parent DIV to relative, and use filter to set the absolute position of the original DIV: Set transparency; put other child elements at the same level of the original DIV, other elements also set position: absolute, which is also a solution

 

------------------------------

Read the translucent invalid article by the author iefans.

Reason for failure of png translucent

 

IE7 and IE8 both directly support the alpha of png images. This time, the reason for the failure of png translucent in IE8 is unknown. It may be related to some 360Safe actions, but it is just a suspicion.

 

In many cases, the png Effect of ie8 will be affected. This is a good luck. I found a method on the Internet and changed the Registry to solve the problem. Here we will list several situations that may cause damage to the png registry options.

 

1. (cause:. png has no extension value or error in the browser)

Start-> Run-regedit, open the registry, and HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet assumerembedextntoclsidmappings..png does not exist. Then click. PNG, double-click the default value, and paste "clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" in the numeric data ".

This is my last successful method, but this time cannot be done!

 

2. (cause:. png file in the system is damaged)

Start using-> Run, enter "regsvr32 c: windowssystem32pngfilt. dll"

If "c: windowssystem32pngfilt. dll is loaded, but the DllRegisterSever Input Point is not found. The file cannot be registered. "This indicates that the file may be damaged. You have to Copy it from another host to overwrite it. Register again.

 

3. (cause: Our Great Apple QuickTime program interferes with the Registry)

Start-> Run-> regedit, start the registry, and find HKEY_CLASSES_ROOTMIMEDatabaseContent Type

You can delete all Chinese names and garbled characters, as shown in [Video/mp4].

 

4. (cause: Registry Information error! This is my problem. After the registry is merged, the following information will automatically overwrite the problematic information)

Save the following content as a. reg file, right-click and choose merge.

 

Windows Registry Editor Version 5.00

 

; PNG file association fix for Windows XP

; Created on May 17,200 7 by Ramesh srin.pdf

 

[HKEY_CLASSES_ROOT.PNG]

"PerceivedType" = "image"

@ = "Pngfile"

"Content Type" = "image/png"

 

[HKEY_CLASSES_ROOT.PNGPersistentHandler]

@ = "{098f2470-bae0-11cd-b579-08002b30bfeb }"

 

[HKEY_CLASSES_ROOTpngfile]

@ = "PNG Image"

"EditFlags" = dword: 00010000

"FriendlyTypeName" = hex (2):, 6d,

00, 6f, 00, 6f, 25, 00, 5c, 00, 6d, 00,

, 00, 5c, 68, 69, 00, 6d, 77, 00, 2e, 00, 6c, 00, 6c,

00, 2c, 00, 2d, 30, 00, 00

"ImageOptionFlags" = dword: 00000003

 

[HKEY_CLASSES_ROOTpngfileCLSID]

@ = "{25310420-03f9-11cf-8fd0-00aa00686f13 }"

 

[HKEY_CLASSES_ROOTpngfileDefaultIcon]

@ = "Shimgvw. dll, 2 ″

 

[HKEY_CLASSES_ROOTpngfileshell]

@ = "Open"

 

[HKEY_CLASSES_ROOTpngfileshellopen]

"MuiVerb" = "@ shimgvw. dll,-550 ″

 

[HKEY_CLASSES_ROOTpngfileshellopencommand]

@ Brief export rundll32.exe C: \ WINDOWS \ system32 \ shimgvw. dll, ImageView_Fullscreen % 1 ″

 

[HKEY_CLASSES_ROOTpngfileshellopenDropTarget]

"Clsid" = "{E84FDA7C-1D6A-45F6-B725-CB260C236066 }"

 

[HKEY_CLASSES_ROOTpngfileshellprintto]

 

[HKEY_CLASSES_ROOTpngfileshellprinttocommand]

@=”Rundll32.exe C: \ WINDOWS \ system32 \ shimgvw. dll, ImageView_PrintTo/pt "% 1" % 2 "% 3" % 4 ""

 

[HKEY_CLASSES_ROOTSystemFileAssociations.PNG]

"ImageOptionFlags" = dword: 00000003

 

[-Hkey_current_usersoftwaremicrosoftwindowscurrentversionpolicerfileexts.png]

 

[-HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/x-png]

 

[-HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/png]

 

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/x-png]

Extends extensionapps).png"

"Image Filter CLSID" = "{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750 }"

 

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/x-pngBits]

"0" = hex: 08,00, 00,00, ff, 89,50, 4e, 47, 0d, 0a, 1a, 0a

 

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/png]

Extends extensionapps).png"

"Image Filter CLSID" = "{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750 }"

 

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/pngBits]

"0" = hex: 08,00, 00,00, ff, 89,50, 4e, 47, 0d, 0a, 1a, 0a

 

[HKEY_CLASSES_ROOTCLSID {A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}]

@ = "CoPNGFilter Class"

 

[HKEY_CLASSES_ROOTCLSID {A3CCEDF7-2DE2-11D0-86F4-00A0C913F750} InProcServer32]

@ = "C: \ WINDOWS \ system32 \ pngfilt. dll"

"ThreadingModel" = "Both"

 

[HKEY_CLASSES_ROOTCLSID {A3CCEDF7-2DE2-11D0-86F4-00A0C913F750} ProgID]

@ = "PNGFilter. CoPNGFilter.1 ″

 

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter]

@ = "CoPNGFilter Class"

 

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilterCLSID]

@ = "{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750 }"

 

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter.1]

@ = "CoPNGFilter Class"

 

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter.1CLSID]

@ = "{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750 }"

 

 

When PNG encounters filter: alpha

 

The PNG issue of the IE series is a problem that has been widely criticized and has not been well solved for a long time. From the failure of IE6 to the support of IE7/8 defects, it is a little progress, but there are still a lot of imperfections. For example, you can try it when PNG encounters filter: alpha. It is very strange that PNG has a black background under IE7.

 

This problem was explained by a friend in the Blue classic. "If the background turns black, it should be caused by setting transparency for the entire form. For IE7 (which may also include IE8, although it provides support for translucent PNG, this support is not sound. This is not perfect because when you set transparency for a translucent PNG Image (or use a translucent PNG as the background element, the translucent part of the PNG image is black (but the opaque part is normal ).

It is worth mentioning that IE implements transparency through its private CSS Filter, rather than the standard CSS3 attribute. In addition, the IE transparent filter itself has a bug. Of course we will not talk about it here"

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.