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

  • neeru_m
    Reply to Need help with logo
    neeru_m
    Thanks Guys for your suggestions. I will try to post more work on my logos. But for sure your suggestions wwill be a great help for me....
    Today, 02:54 PM
  • Designia
    Reply to Business Greeting Cards
    Designia
    The difference in the colors and typography is too jarring....
    Today, 02:24 PM
  • Obsidian86
    Reply to Is there a member list here?
    Obsidian86
    That sounds more like a threat than an offering....
    Today, 02:08 PM
  • seamas
    Reply to Please help with company logo
    seamas
    OK, so you are 100% correct in needing another logo.

    Have you come up with any ideas of your own?

    I would totally avoid the red cross. That is only going to make people think...
    Today, 02:06 PM
  • PrintDriver
    Comment on Illustrator CC 2014 Issue
    PrintDriver
    I've sent it in many times.
    That and making the color palette work like InDesign's for color swapping. ie, delete a color and it asks what you want to replace it with.
    The option-drag method...
    Today, 01:59 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.
 
home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
Working...
X