View Full Version : Light Filter...

04-10-2007, 04:05 PM
Hello again :),

This time as the title suggests I'm interested in the light filter of CSS...

But don't completely understand all of it... And obviously need your help ! -

I understand thats the order of the light filters properties but whats the z position? x is left, and y is top what can z be ??? -

http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/filt_14.htm (this is the example)

I know its all eye candy but I like it alot and have some great I'll show...

edit// - Its IE only though...

04-10-2007, 04:14 PM
Ok, pcbrainbuster...


Stop using IE only effects, period.
IE is the scourge of the internet, and makes coding proper web pages very difficult.

that aside, the z-index is how the objects are stacked on the page.

04-10-2007, 04:16 PM
Its not my fault that IE is the only browser with that affect :mad: 2xPeriod !...

And what do you mean by stack ? :confused:

04-10-2007, 04:28 PM
stacked =

take one on top the other..

you have a dinner plate, and you put down french fries on it, but you have enough french friest that you need to "stack" them on top of each other... if you take a picture of it from birds eye view you only see what is on top... and you see parts of the ones below it... well that is z-index

whichever element has a higher z-index, it will be on "top"

im only using this reference because that is my lunch :))
and i think its a decent analogy

04-10-2007, 04:34 PM
Oh you got it all wrong not z-index, its z-axis... And whats z-axis ? (I already know z-index, but thanks anyway :))

04-10-2007, 04:35 PM
They both work the same way...
y=up/down movement,
x=left/right movement,
z=forward/backward movement.

04-10-2007, 04:41 PM
I'm sorry but this is really really getting confusing :(, can I have a example (the z-axis in use thoroughly explained)...

04-10-2007, 04:44 PM
z-axis is just another term describing z-index...
you have the x-axis (horizontal) y-axis(vertical) z-axis(pop-out)


think of z-axis as the "third plane" eg... what makes things 3d

04-10-2007, 05:09 PM
OK thanks :), I'll check it out and report back with my experience :)...

Oh crud !, my made an miserable attempt and am requesting help sergeant -

<body style="filter:light();" onmousemove="setc()">
var ox = event.clientX-(event.clientX-document.body.offsetLeft)
var oy = event.clientY-(event.clientY-document.body.offsetTop)
var lt = 1
var tp = 1
var zs = 1
var rd = 255
var gn = 255
var be = 255
var sh = 100
var ae = 15

function setc() {

Whats gone wrong !

04-10-2007, 06:14 PM
move the script to the header tag

<script type="javascript">
// ]]>
<body style="...>

04-10-2007, 10:22 PM
if your so adamant about using this, that's your provocative. It wont work for 38.5% of internet users. (http://www.w3schools.com/browsers/browsers_stats.asp)

a few of the people here don't have windows, so you'll have to tell us what the JS error console says, and provide any other information you think would be usefull to us.
The source code/link to it would help.

04-10-2007, 10:49 PM
Nevermind its working now :)

04-11-2007, 05:44 AM
Its not my fault that IE is the only browser with that affect :mad: 2xPeriod !...

And what do you mean by stack ? :confused:
IE is trying to make it's one little world.
IE is bad.
IE is stupid.
IE is just trying to rip you off.
IE has viruses.
IE has spyware.
IE is closed source.
IE is part of Micro$oft.
IE is always full of bugs.
IE's effects are part of DirectX.
IE's coding is horrible.
IE makes your life terrible.
When you make a website, you need to almost re-design it just for IE.

04-12-2007, 01:09 AM
IE is part of Micro$oft.

Shouldn't that be Micro$haft?

04-12-2007, 02:46 AM
Shouldn't that be Micro$haft?
Never heard of Micro$haft before. What's that suppose to mean?

04-12-2007, 02:50 AM
Sorry, mixing up a Technical Support Comedy (http://en.wikipedia.org/wiki/Tech_Support_Comedy) website with this one. Either way, "Micro$haft" is basically saying that Microsoft (for a lack of better words) shafts the End User into purchasing their products, and this (in the end) also shafts the End User's ISP when trying to get that said user online or whatnot.