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

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • kemingMatters
    Reply to Vendor Creative
    kemingMatters
    Hi GDGD 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 anything...
    Today, 02:48 PM
  • GDGD
    Vendor Creative
    GDGD
    Does anybody know if there are rules about changing flyer creative received from a vendor's agency? We get a lot of "vendor creative" and I provide our specs regarding file format and minimum...
    Today, 02:41 PM
  • <b>
    Reply to Are you able to read the text?
    <b>
    Readability -- especially on a poster -- is right up there at the top of what's most important. Your question indicates that you're already seeing problems. Just sort of mostly readable isn't good enough...
    Today, 02:09 PM
  • kemingMatters
    Comment on Zazzle, CafePress, Etsy, OH MY!
    kemingMatters
    That's a good idea buda
    Today, 02:02 PM
  • PanToshi
    Comment on Custom social icons
    PanToshi
    The "backgrounds" are part of the logo.
    Today, 01:28 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

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 © 2014 Mediabistro Inc. call (212) 389-2000 or email us
Working...
X