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

  • Elmore
    Reply to Feedback on portfolio pieces, please
    Elmore
    I'm going to be blunt because it won't do you any good if I sugar-coat the truth. I'm not in a position to hire anyone, so you can take my opinions for what they're worth, but my initial impression of...
    Today, 07:40 AM
  • left_hand_black
    Reply to Feedback on portfolio pieces, please
    left_hand_black
    this took an eternity....
    Today, 04:01 AM
  • Nobert
    Comment on The ellipse...
    Nobert
    KitchWitch!
    Yesterday, 11:31 PM
  • Nobert
    Reply to Experience vs education.
    Nobert
    Whatever it may mean coming from me, which isn't much, I support you in spirit. One of the reasons I got interested in graphic design was that I thought it was very much a "proof is in the pudding"...
    Yesterday, 11:30 PM
  • KitchWitch
    Reply to Portfolio Weeding
    KitchWitch
    Hi Kesey 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...
    Yesterday, 10:32 PM

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