Edgewall Software
Modify

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 anonymous, 20 years ago

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.

comment:2 by anonymous, 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:3 by agr30@…, 20 years ago

Why not just use a GIF image with transparency?

comment:4 by Christopher Lenz, 20 years ago

Resolution: fixed
Status: newclosed

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.

Modify Ticket

Change Properties
Set your email in Preferences
Action
as closed The owner will remain Jonas Borgström.
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from Jonas Borgström to the specified user.

Add Comment


E-mail address and name can be saved in the Preferences .
 
Note: See TracTickets for help on using tickets.