DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone >

CSS Rollovers

Snippets Manager user avatar by
Snippets Manager
·
Oct. 27, 05 · · Code Snippet
Like (0)
Save
Tweet
673 Views

Join the DZone community and get the full member experience.

Join For Free
A quick rollover snippet...


.menu_img1 {
	width: 25px;
	height: 25px;
	background: no-repeat url(image1.jpg);
}

a.rollover_img1:hover img {
	background: no-repeat url(image2.jpg)
}


And the html hooblah:


The t.gif is a 1x1 transparent image. Tested in IE5 (Windows/Mac), Firefox, Safari.
CSS

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Product Owner Anti-Patterns
  • Ultra-Fast Microservices: When Microstream Meets Payara
  • Stupid Things Orgs Do That Kill Productivity w/ Netflix, FloSports & Refactoring.club
  • JUnit 5 Tutorial: Nice and Easy [Video]

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo