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

  • PrintDriver
    Reply to free upload area?
    PrintDriver
    Hightail is free up to a point under a certain filesize.
    Same goes for Dropbox.
    They are different services though. Hightail, your recipient gets a download link and doesn't require they have...
    Today, 05:35 PM
  • garricks
    Reply to free upload area?
    garricks
    Dropbox & Google Drive, and there's a Microsoft cloud service as well…can't remember the name. Apple also has cloud storage.
    Today, 05:13 PM
  • StudioMonkey
    Reply to Font ID - curly informal font
    StudioMonkey
    Thanks, ISitude - you are my hero. This was a new one on me.
    Today, 05:08 PM
  • Salt
    Hi I'm Salt.
    Salt
    Hello everyone. Henceforth I shall go by name of Salt on these forums, like I do on every other one I use. I am an artist and animator, and I'd like to learn graphic design and this forum looked like...
    Today, 05:03 PM
  • Designia
    Reply to Working on a logo for myself
    Designia
    I keep looking for flames in the lines of the wings so they're not really working as feathers or flames to me. I really like the color overlay,.
    Today, 04:56 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.
Working...
X