The Weird and The Wonderful

28-Jul-10 11:58

Below is an HTML file. Try to guess which DIV will be invisible in IE, then scroll down to see why...

HTML

<html>
<head>
	<title>WTF</title>
	<style type="text/css">
		div
		{
			filter: alpha(opacity = 100);
			border-color: Green;
			border-style: solid;
			border-width: 1px;
			width: 100px;
			height: 100px;
		}
	</style>
</head>
<body>
	<div style="background-color: #020509;"></div>
	<div style="background-color: #02050A;"></div>
	<div style="background-color: #02050B;"></div>
</body>
</html>

The middle DIV will be transparent because any element with the color #02050A that also has the filter set to an opacity (even if fully opaque) will appear transparent in IE8 (and probably other versions of IE).

Luc Pattyn28-Jul-10 12:19

Luc Pattyn

28-Jul-10 12:19

Quite a feature.
This[^] seems to suggest one is in trouble as soon as some pixel in an image has that particular color!?

Smile | :)

Luc Pattyn [Forum Guidelines] [Why QA sucks] [My Articles] Nil Volentibus Arduum

Please use <PRE> tags for code snippets, they preserve indentation, and improve readability.

AspDotNetDev28-Jul-10 12:23

28-Jul-10 12:23

Quite right; that's actually one of the links I came across when Googling this issue. I am using jQuery to fade between images for a slideshow. Only problem is that some of the pixels would appear white during the fade transition. Turns out this IE bug is the reason why that's happening. The fix we decided on was to put a black image behind the images so that the transparent pixels will appear to be black. We could have also edited each image so the pixels weren't that specific color, but that's a bit hard to do when JPEG compression can alter colors... and I don't think the artists would appreciate having to edit a certain color out of all their images.

Daniel 'Tak' M.28-Jul-10 13:12

Daniel 'Tak' M.

28-Jul-10 13:12

The real fix is to not use IE at all (not really an option, of course)

Hired Mind5-Aug-10 11:10

Hired Mind

5-Aug-10 11:10

aspdotnetdev wrote:
The fix we decided on was to put a black image behind the images so that the transparent pixels will appear to be black.

Could you use a background color that was 1 RGB value from from the transparent color? (e.g. #02050B instead of black) I think the difference wouldn't even be perceptible at that point.

Before .NET 4.0,
object Universe = NULL;

AspDotNetDev5-Aug-10 12:06

5-Aug-10 12:06

That's basically what we did, but we chose black, which is close enough to the color that the difference is imperceptible.

AspDotNetDev5-Aug-10 12:07

5-Aug-10 12:07

Oh, do you mean change the color of the ORIGINAL image, rather than the image behind it? As I explained in the post you replied to, that would be extra work for the designers and, due to JPEG compression, would be troublesome.

Opinions

SirTimothy27-Jul-10 19:38

SirTimothy

27-Jul-10 19:38

Hey folks, I don't generally post on these forums, but I do enjoy the CP newsletters. Anyways, I wanted to share a lovely snippet I wrote a little while ago. Maybe get some opinions? It's a bubble sort in C. It generates 20 random numbers from 0 to 99, and sorts them! Of course, it's fairly straightforward, so I'm sure you could guess that.

#include <stdlib.h>
#include <stdio.h>
#include <time.h>

#define ARRAY_SIZE 20

#define PNT(s, l, a) fprintf(std##s, l, a)
#define PNT2LINES(s, l1, l2, e) PNT(s, #l1#e#l2#e, 0)

void print_array(int *array) {
	int x = ARRAY_SIZE;
	char* fmts[] = { "%d, ", "%d\n" };
	--array;
LBL0:
	if (PNT(out, ((x == 1) & 1)[fmts], *(array = ++array)), --x > 0)
		goto LBL0;
}

main() {
	int iarray[ARRAY_SIZE];
	int x, y;
	int ofs = iarray - &ofs;
	void (*prnt_func)(int*) = &print_array;
	srand((unsigned int)time(NULL));
	x ^= x;
LBL1:
	if ((y = rand(), x < ARRAY_SIZE) && ((((x = x + 1) - 1)[iarray] = (y - (y / 100) * 100)) || 1))
		goto LBL1;
	PNT2LINES(out, Before sort, ---------------, \n);
	(*prnt_func)(&ofs + ofs);
LBL2:
	y = x &= ~x;
LBL3:
	if (y + 1 < ARRAY_SIZE) {
		if ((++y, iarray[y] < (y-1)[iarray]) && (y[iarray] ^= iarray[y-1] ^= iarray[y] ^= *(iarray + y - 1), x |= y));
		goto LBL3;
	}
	if (x = x) goto LBL2;
	PNT2LINES(out, After sort, ---------------, \n);
	(*prnt_func)(&ofs + ofs);  
}

OriginalGriff27-Jul-10 20:38

OriginalGriff

27-Jul-10 20:38

Raise your hands, and step away from the keyboard, sir.

Did you know:
That by counting the rings on a tree trunk, you can tell how many other trees it has slept with.

Rob Grainger27-Jul-10 23:00

Rob Grainger

27-Jul-10 23:00

I think my breakfast just revisited.

Why-oh-why-oh-why would you want to do that?

riced27-Jul-10 23:23

riced

27-Jul-10 23:23

Yup. It's a horror. Smile | :)

Regards
David R
---------------------------------------------------------------
"Every program eventually becomes rococo, and then rubble." - Alan Perlis
The only valid measurement of code quality: WTFs/minute.

QuiJohn28-Jul-10 2:56

QuiJohn

28-Jul-10 2:56

This was for an obfuscated C contest, right?

RIGHT?

(Must resist the urge to trace through it...)

He said, "Boy I'm just old and lonely,
But thank you for your concern,
Here's wishing you a Happy New Year."
I wished him one back in return.

SirTimothy28-Jul-10 8:14

SirTimothy

28-Jul-10 8:14

nah, just felt like doing it

Gary R. Wheeler1-Aug-10 0:25

Gary R. Wheeler

1-Aug-10 0:25

We're not taking our meds now, are we?

Software Zen: delete this;
Fold With Us![^]

PIEBALDconsult28-Jul-10 3:18

PIEBALDconsult

28-Jul-10 3:18

Wow... that's kind of a tour de force.

elchupathingy28-Jul-10 3:31

elchupathingy

28-Jul-10 3:31

SirTimothy wrote:
Anyways, I wanted to share a lovely snippet I wrote a little while ago.

How long is a "little while ago"?

SirTimothy28-Jul-10 8:12

SirTimothy

28-Jul-10 8:12

mmm... last week? maybe the week before?

Luc Pattyn28-Jul-10 8:20

Luc Pattyn

28-Jul-10 8:20

it sure has a modern je-ne-sais-quoi.

Smile | :)

Luc Pattyn [Forum Guidelines] [Why QA sucks] [My Articles] Nil Volentibus Arduum

Please use <PRE> tags for code snippets, they preserve indentation, and improve readability.

Jörgen Andersson28-Jul-10 5:10

Jörgen Andersson

28-Jul-10 5:10

Are you by any chance a teacher by profession?

"When did ignorance become a point of view" - Dilbert

leonej_dt28-Jul-10 6:31

leonej_dt

28-Jul-10 6:31

Awesome. Not obfuscated at all if you de-obfuscate it in your mind. Poke tongue | ;-P

I particularly liked your all-the-loop-inside-the-if's-conditional-expression concept. Thumbs Up | :thumbsup:

If you can play The Dance of Eternity (Dream Theater), then we shall make a band.

supercat928-Jul-10 6:59

supercat9

28-Jul-10 6:59

Aside from the preprocessor directives and macros, the formatting of that code reminds me of one of the output from one of my C compilers (which compiles code to an intermediate form, optimizes it, and then shows the equivalent C format).