Title: CSS Image Hover
Last modified: August 19, 2016

---

# CSS Image Hover

 *  Resolved [ads1018](https://wordpress.org/support/users/ads1018/)
 * (@ads1018)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/)
 * I’d like to implement a rollover image over one of my page links. Here’s my code:
 *     ```
       <ul>
       <li class="page_item page-item-212"><a href="http://localhost:8888/wordpress" title="home">home</a></li>
       <li class="page_item page-item-6"><a href="http://localhost:8888/wordpress/test123/" title="about">about</a></li>
   
       <li class="page_item page-item-52"><a href="http://localhost:8888/wordpress/contact/" title="contact">contact</a></li>
       </ul>
       ```
   
 * Any good tutorials out there that can show me the way?

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/#post-1239423)
 * [http://css-tricks.com/css-sprites/](http://css-tricks.com/css-sprites/)
    [http://www.alistapart.com/articles/sprites](http://www.alistapart.com/articles/sprites)
 *  [Clayton James](https://wordpress.org/support/users/claytonjames/)
 * (@claytonjames)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/#post-1239443)
 * [“how to” css image rollover tutorial](http://www.google.com/#hl=en&q=%22how+to%22+css+image+rollover+tutorial&aq=&aqi=&aq=f&aqi=&oq=&fp=2cca7b2e99206b9c)
 * [“how to” css image rollover tutorial – wordpress](http://www.google.com/search?hl=en&q=%22how+to%22+css+image+rollover+tutorial++wordpress&btnG=Search&aq=f&oq=&aqi=)
 *  Thread Starter [ads1018](https://wordpress.org/support/users/ads1018/)
 * (@ads1018)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/#post-1239449)
 * The link I’d like to hover an image over is a text link not an image link. It’s
   a page_item to be exact. All the tutorials I see are for image links.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/#post-1239593)
 * Use an image that is composed of 1 rollover image and one transparent image (
   for the plain text part).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS Image Hover’ is closed to new replies.

## Tags

 * [Image hover](https://wordpress.org/support/topic-tag/image-hover/)
 * [roll-over](https://wordpress.org/support/topic-tag/roll-over/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 3 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [16 years, 8 months ago](https://wordpress.org/support/topic/css-image-hover/#post-1239593)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics