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

  • typo
    Reply to Typography resources.
    typo
    Dear All, I've found yesterday something nice and wanted to share with you.
    A new book is on the way, Web Typography by mr. Richard Rutter.

    Best regards,...
    Today, 06:29 AM
  • ErickShawn
    Reply to Let's Play 3 Word Story Game
    ErickShawn
    So sad story
    Today, 06:26 AM
  • ErickShawn
    Reply to Graphic designer in London
    ErickShawn
    Hi Killick,
    Very good designs....
    Today, 05:40 AM
  • B
    Comment on Converting Strokes to Paths?
    B
    Well, I suppose you could specify an inside stroke on the shape, then expand the stroke and delete it. This would shave off the width of the stroke from the shape. I'm assuming that you're using Illustrator....
    Today, 05:39 AM
  • ErickShawn
    Reply to Web builders?
    ErickShawn
    I have used WordPress and Dreamweaver. What ever CMS or WYSIWYG web developer you use, they all have some limits. Some of them are very good like Drupal but it is very hard to keep track of every bui...
    Today, 05:32 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