Opened 20 years ago
Closed 20 years ago
#939 closed defect (fixed)
New timeline icons are not transparent
Reported by: | Christopher Lenz | Owned by: | Jonas Borgström |
---|---|---|---|
Priority: | low | Milestone: | 0.8 |
Component: | timeline | Version: | devel |
Severity: | trivial | Keywords: | layout |
Cc: | Branch: | ||
Release Notes: | |||
API Changes: | |||
Internal Changes: |
Description
The new timeline icons introduced in [1070] have a white instead of transparent background. The "closed ticket" icon seems to use PNG alpha transparency, which is not supported (out-of-the-box) by IE/Win.
Attachments (0)
Change History (4)
comment:1 by , 20 years ago
comment:2 by , 20 years ago
Hi,
I use this one on all my sites and has worked very well for me (dunno how good the paste will be)
// (c) dynarch.com 2003 // Author: Mihai Bazon, http://dynarch.com/mishoo/ if (/MSIE (5\.5|6).*Windows/.test(navigator.userAgent)) (function() { // fucked-up browser (Internet Explorer for Windows) var blank = new Image; blank.src = 'img/blank.gif'; var imgs = document.getElementsByTagName("img"); for (var i = imgs.length; --i >= 0;) { var img = imgs[i]; var src = img.src; if (!/\.png$/.test(src)) continue; var s = img.runtimeStyle; s.width = img.offsetWidth + "px"; s.height = img.offsetHeight + "px"; s.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')"; img.src = blank.src; } })();
and place it for example in png.js and place this just before </body> <script type="text/javascript" src="png.js"></script>
Original code gotten from here http://www.bazon.net/mishoo/articles.epl?art_id=430 and little modification done to it, to support IE 5.0, and that change was taken from the user comment on the same page.
Ohh yeah, this doesn't work with 8bit PNGs, so be sure to have something higher then that (proven to work with 24bit PNGs for me) and you also need blank.gif (in the example I gave, it's placed in the img folder) and it's enough to make it 1x1 transparent gif, not a perfect solution but it works very well :)
Look at the article at bazon.net to get better explination of all this!
Enjoy! :)
comment:4 by , 20 years ago
Resolution: | → fixed |
---|---|
Status: | new → closed |
Fixed in [1075].
Re: IE alpha transparency hack: The images in this case are CSS background images, so this trick won't work here. Besides, in this case index transparency is enough, so there's really no need to resort to this sort of hack.
Re: Why not GIF Why? PNG8 with index transparency is well supported by IE and every other browser out there that I know of.
Aside, how about making the changeset icon blue or something, so you have grey = wiki, yellow/green = ticket, blue = changeset
A bit of color coding, makes it more convenient.