SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Can't make webGL background of page

    Hi guys,
    First I apologise if this is a CSS positioning issue and if it is, I can repost it to the CSS forums or a moderator could move it, but I would really appreciate any help any way.
    I was playing with a webGl experiment I found that makes this cool clouds effect, here it is alone, and I wanted to make it look like the title scene to the tv show The Simspons.

    So I used CSS3 fonts to display the text in said font from the simpsons and it works fine when supported as seen here with the webGL commented out.

    However when combining them and uncommenting everything, I was unable to bring the simpsons text above the clouds no matter what I tried-- even z-index's

    Here is my attempt at them together.
    Do you guys have any suggestions on how I could make the webGL be the background or just behind the text, or if I were to develop other webGL behind all other elements.

    I would really appreciate any help and I hope to hear from you guys soon.

    Thanks in Advance & Regards,
    Team 1504.

    P.S. This is a sample image of the Simpsons' title image in the case you did not know.

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,697
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by team1504 View Post
    I would really appreciate any help and I hope to hear from you guys soon.
    I cannot help because your page insists that I downgrade from Chrome 11 to Chrome 10.

    Just a tip: browser version checking is a technique designed to eff people off.
    Instead, check that the browser is capable of performing the desired tasks, commonly called object detection.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Really?
    I hate browser version checking and I know it is an annoying and, in my opinion unnecessary, script.
    I don't remember putting any version checking, but I'll look and get back to you.

    Again, I sincerely apologise and I really do appreciate the help

  4. #4
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    I cannot help because your page insists that I downgrade from Chrome 11 to Chrome 10.

    Just a tip: browser version checking is a technique designed to eff people off.
    Instead, check that the browser is capable of performing the desired tasks, commonly called object detection.
    I am pretty sure I removed the browser detection now

  5. #5
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,697
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Currently the page is complaining about getWebGLErrorMessage not existing. I suggest that you re-enable that part (I'm on an old laptop right now).

    You may want to reword the browser version message though so that it's more explicit about the reason.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •