Advanced Search

Page 1 of 2 12 LastLast
Results 1 to 10 of 16

Thread: Light Filter...

  1. #1
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Light Filter...

    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 ! -
    http://msdn.microsoft.com/library/de...er/filters.asp

    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/s...ew/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...

  2. #2
    Join Date
    Jun 2006
    Location
    Acton Ontario Canada.
    Posts
    677
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Ok, pcbrainbuster...

    NO.

    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.
    - Ryan "Boxxertrumps" Trumpa
    Come back once it validates: HTML, CSS, JS.

  3. #3
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Its not my fault that IE is the only browser with that affect 2xPeriod !...

    And what do you mean by stack ?

  4. #4
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    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

  5. #5
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

  6. #6
    Join Date
    Jun 2006
    Location
    Acton Ontario Canada.
    Posts
    677
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    They both work the same way...
    y=up/down movement,
    x=left/right movement,
    z=forward/backward movement.
    - Ryan "Boxxertrumps" Trumpa
    Come back once it validates: HTML, CSS, JS.

  7. #7
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

  8. #8
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    z-axis is just another term describing z-index...
    you have the x-axis (horizontal) y-axis(vertical) z-axis(pop-out)

    http://www.blooberry.com/indexdot/cs...ion/zindex.htm

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

  9. #9
    Join Date
    Feb 2007
    Posts
    601
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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 -

    <html>
    <body style="filter:light();" onmousemove="setc()">
    <script>
    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() {
    document.body.filters.item(0).addCone(lt,tp,zs,ox,oy,rd,gn,be,sh,ae)
    }
    </script>
    </body>
    </html>

    Whats gone wrong !
    Last edited by tech_support; 04-11-2007 at 05:38 AM.

  10. #10
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    move the script to the header tag
    Code:
    <html>
    <head>
    <script type="javascript">
    <![CDATA[
    ....
    // ]]>
    </script>
    </head>
    <body style="...>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •