Pngfix
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
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion