Announcement Announcement Module
Collapse
No announcement yet.
Sliding background not happening in FF? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • Momoshy
    Reply to Feedback on my CD cover please!
    Momoshy
    I pretty much agree with Aniroc and DonPig, your design lacks the energy and "dancey happy" feeling of salsa.
    Today, 01:49 PM
  • KitchWitch
    Comment on Number of logo choices
    KitchWitch
    Every time I've ever shown a client three design options, they pick the crappiest one. Every time. I *used* to throw a purposely bad one in the mix to give the client an easy one to throw out so they...
    Today, 12:55 PM
  • KitchWitch
    Reply to Hello from the East Coast (US)
    KitchWitch
    Welcome.
    Today, 12:52 PM
  • KitchWitch
    Reply to Feedback on my CD cover please!
    KitchWitch
    Hi Xhabiba and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done...
    Today, 12:50 PM
  • JuliaMscott
    Reply to Naming of web design styles
    JuliaMscott
    Thanks NUPUR, this just added plenty of useful words to my vocabulary The word "parallax" makes sense because this design style mainly consists of parallel lines and no curves.
    Today, 07:56 AM

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Sliding background not happening in FF?

    HI!

    I'm just playing around with the sliding doors hover effect and it works fine in IE but not in FF or Safari???

    I can't work out what they dont like about it??

    Here is the code I wrote. bit messy because I was only testing the idea out but should make sense.
    PHP Code:
    <head>
    <
    title>Hover test</title>
    <
    style type="text/css">
    body {
    background:#000000;
    }
    #main:hover {
    background-positionright;
    }
    img {
    border:none;
    }
    #main {
    background:#000000 url(bg.png) left top no-repeat;
    width:325px;
    height:800px;
    }

    </
    style>

    </
    head>

    <
    body>
    <
    div id="main"><a href="#"><img src="photo.png" /></a>
    </
    div>

    </
    body>
    </
    html
    Thanks.
Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
Working...
X