IE does not support transparent PNG images. What should I do?
Solution :
IE directly does not support the transparent effect of images in PNG format, but this problem can be solved through the alphaimageloader filter.
Procedure :
Code Example:
<Body bgcolor = "# eeeeee">
PNG transparency:
<Div style = "filter: progid: dximagetransform.microsoft.alphaimageloader(src?demo.png); width: 200px; Height: 150px"> </div>
PNG opacity: <br>
Note: before using this code, make sure that the PNG Image has a transparent part.
Note
After the code is run, you can see that by setting the SRC Parameter of the alphaimageloader filter, you can achieve PNG transparency in IE, as shown in 2.3.3.
Figure 2.3.3 transparent PNG Image
Note
currently, most browsers do not fully support PNG. By using the alphaimageloader filter in the DXImageTransform. filter group, the display effect of PNG images in IE is improved. The alphaimageloader filter is used to display an image between the background and content in the container range. It can be used to cut or scale the image size, and can be 0 ~ 100% transparent PNG image. Two Parameters of the alphaimageloader filter are described as follows:
set the sizingmethod or obtain the display mode of the image of the object to which the filter applies within the boundary of the object container, optional values include crop (crop image for container size), image (make container size for image size, default value), and scale (scale image size for container size ).
SRC specifies the address of the background image.