Get ready for BLACK FRIDAY shopping starting in

CSS Hover Controls On the iPhone

A simple technique to get hover controls working on the iPhone

Here’s a simple technique to get hover controls working on the iPhone. Hover controls are links and buttons that appear when you hover your mouse over a a target area and so are useful for a lot of secondary actions like delete and edit links—a way to simplify your interface.

The iPhone has a touch screen, so you can’t really hover over anything, but the following technique will still work. Instead of hovering, you’ll have to click on a given area for the controls to show up. This area will have to be a link, either an inline link or a block link (block will work better because you can make the click area larger).

Obviously this technique isn’t exactly great because the user won’t be able to discover the hidden controls very easily, but if for some reason you have to have this implemented, here’s how.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.