Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Play Button Hover

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28437
    realph
    Participant

    I wanted to know what would be the best way to achieve this.

    Say I’ve got a thumbnail that links to a video, when you hover over this thumbnail a play button appears over it. I thought it might be best to have a thumbnail <img> with a play button background-image as it’s hover state though now I’m thinking otherwise.

    I’m really new to this, could anyone offer up the best solution?

    #72532
    realph
    Participant

    Thanks but it’s not what I’m looking for exactly. I wanted to know if I can overlay an image over the image element. Is this possible and if not how do people like Apple create this: http://trailers.apple.com/trailers/disney/tronlegacy/

    Here’s an example of what I’d like to achive:
    [attachment=1]nohover.jpg[/attachment]
    [attachment=0]hoveron.jpg[/attachment]

    #72536
    realph
    Participant

    Sorry I can’t seem to understand it. How would I implement this?

    #72539
    realph
    Participant

    I’ve copied and pasted the code and while the play button hover works I would like to know how to make it appear over an <img> element. Has this got anything to do with the z-index?

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.