When hovering over link display image next to link

Normally, i want the red arrow to not display. But when a user hovers their mouse over "My Cart (0)" I want the red arrow to display. how can u do this with html/css?

Answers


you can try this: http://jsfiddle.net/ePf3A/

What this does is change the width of the image to show/hide the arrow.

.cart {
  background:url(http://i.stack.imgur.com/D2o7H.png);
  width: 100px;
  height: 45px;
  display: block;
}
.cart:hover {
  width: 150px;
}
‚Äč

The other option is use a different image and change between then.


Need Your Help

Why does Enum.Parse() return object?

c# enums

There's lots of questions on here about converting strings to an enum value. Generally, the answer looks something like the answers on this question:

Print PDF with Acrobat Pro: select printer

c# pdf acrobat

I can print a PDF with Acrobat (not the reader)

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.