Pngfix

Last updated on
30 April 2025

To work properly with pngfix we have to use the "." or the "#" element from the css. This must be written in the small text area of the module.
something like this:

.pngfix, #logo, .logo-inner,

If you have problems applying the fix to CSS background images, try something like this instead

span.pngfix, div#logo, div.logo-inner,

Oskar

Examples:

Here are some examples in case you are having trouble.

Example 1:

example1.html

<div id="body">
<img src="transparent.png" class="whatever"/>
</div>

The snippet that should be added in the PNGfix interface:

#body

Note that the fix was not added to the "whatever" class, as it is not surrounding the element that needs the png fix.

Example 2: (background images)
example2.html

<div id="container">
     <div id="contentbox">
          <p>blah blah blah</p>
     </div>
</div>

example2.css

#contentbox {background-image:url(transparent.png);}

The snippet that should be added in the PNGfix interface:

div#container

div#container is used here because it is the element that immediately surrounds the element containing the transparent png.

To accommodate both of the above examples, your PNGfix entry should look like this:

#body,div#container

Help improve this page

Page status: Not set

You can: