help my theme to get some style

Discussion in 'CSS' started by News Updates, Mar 1, 2011.

  1. #1
    [​IMG]


    the above pic is a div I created. The white border you are watching is not border, but its a div background, which appear when I roll mouse over div.

    I used div:hover{background:#fff} to do this. I want to show a little pic on the left bottom (as you can see "read more") on mouseover.

    I want to use white background and image at the same time. how do I do?
     
    News Updates, Mar 1, 2011 IP
  2. KevinACrider

    KevinACrider Member

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #2
    div:hover {background:url('urltoimage') no-repeat bottom left #fff;}
     
    KevinACrider, Mar 1, 2011 IP
    News Updates likes this.
  3. KevinACrider

    KevinACrider Member

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #3
    You could also just replace the Read More text with an image tag.
     
    KevinACrider, Mar 1, 2011 IP