This repository has been archived by the owner on Apr 11, 2020. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Started on a new approach for the PNG plugin. Will not be included in…
… this release. Fixed validation errors.
- Loading branch information
Showing
11 changed files
with
37 additions
and
142 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,57 +1,3 @@ | ||
IE5.5+ PNG Fix | ||
* Adds support for transparent PNG images for IE5.5+, both for <img> tags and backgrounds on <div>s. | ||
* Demo: http://www.twinhelix.com/css/iepngfix/demo/ | ||
|
||
|
||
Credits & License | ||
---------------------------------------------------------------- | ||
|
||
Created by Angus Turnbull [twinhelix.com] | ||
|
||
IE5.5+ PNG Alpha Fix v1.0RC4 | ||
(c) 2004-2005 Angus Turnbull | ||
|
||
This is licensed under the CC-GNU LGPL, version 2.1 or later. | ||
[creativecommons.org/licenses/LGPL/2.1/] | ||
|
||
|
||
Usage | ||
---------------------------------------------------------------- | ||
|
||
Remember that all images that uses this plugin | ||
must have both height and width specified. | ||
|
||
1) Add this CSS rule to "blueprint/ie.css": | ||
img { behavior: url(*YOURDOMAIN*/css/blueprint/plugins/iepngfix/iepngfix.htc) } | ||
|
||
2) Customize the *YOURDOMAIN* and the rest of the URL in the CSS rule | ||
to be the http path to the iepngfix.htc file. | ||
|
||
3) Customize line 15 in iepngfix.htc so that the URL is the | ||
http path to blank.gif in this directory. | ||
|
||
|
||
Known Issues | ||
---------------------------------------------------------------- | ||
|
||
* Does NOT work with repeating background images | ||
* Can't help IE versions prior to 5.5, sorry. | ||
* Users can't right-click-save processed PNG images, they'll | ||
save the blank GIF file if they try that. In some cases | ||
this might be a feature, not a bug... | ||
* The script detects the ".png" extension in image URLs. | ||
So if you have a CGI script that generates a PNG image, you | ||
may have to rewrite parts of the script, or just cache them | ||
as PNG files somewhere. | ||
* It's most reliable on elements with non-'auto' dimensions | ||
set. So, give images and other elements width/height values; | ||
'100%', '10em' and '200px' and so on are all OK. | ||
* Background PNG images can't be tiled. This is a limitation | ||
of the IE filter. | ||
* Similarly, padding and borders don't indent the PNG image. | ||
An easy fix for this is wrapping your PNG images in container | ||
DIVs or similar. | ||
* There may be about a short time as soon as the image loads | ||
when images are not transparent, before the IE filter kicks in. | ||
|
||
IE5.5+ PNG fix. | ||
|
||
(Not yet documented, and far, far from finished.) |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
.png { | ||
background: transparent url(transparent.png); | ||
_background: none; | ||
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent.png', sizingMethod='image'); | ||
} | ||
|
||
body { | ||
background: #fff url(false) fixed; /* MUST be fixed to avoid scroll judder */ | ||
} | ||
|
||
.fixed { | ||
position: fixed; | ||
top: 0; /* or any value ! */ | ||
_position: absolute; | ||
_top: expression(eval(document.documentElement.scrollTop)+"px"); | ||
} |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters