Всплывающее окно для планшета

[Linblack]

в общем уже голову сломал. нужно оптимизировать сайт для планшета.

 

http://liderventfasad.ru/

 

нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг).

на компе при клике это работает, а на планшете нет. что делать? помогите

 

CSS

 

.thumbnail{ 

position: relative; 

z-index: 0; 

} 

.thumbnail:focus{ 

background-color: transparent; 

z-index: 50; 

 

} 

.thumbnail span{ /*CSS for enlarged image*/ 

position: absolute; 

background-color: #3d3d3d; 

 

padding: 5px; 

 

border: 1px solid white; 

visibility: hidden; 

color: white; 

font: 12px 'Tahoma';

text-decoration: none; 

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-radius: 4px 4px 4px 4px;

} 

.thumbnail span img{ /*CSS for enlarged image*/ 

border-width: 0; 

padding: 2px; 

} 

.thumbnail:focus span{ /*CSS for enlarged image on hover*/ 

visibility: visible; 

 

top: 0; 

left: 0px; /*position where enlarged image should offset horizontally */ 

}

 

 

КОД

 

<a class="thumbnail" href="#"><b>Алюминиево-композитные панели</b><span>

<br>Алюминиевые композитные панели (АКП) — строительный облицовочный композитный материал. <br>Панели состоят из двух предварительно окрашенных алюминиевых листов толщиной до 0,5 мм, между которыми вклеен (запрессован) полимерный лист (на основе полиэтилена низкого давления). <br>Общая толщина пластины — от 3 до 6 мм. Основное применение — наружная облицовка с использованием технологии вентилируемого фасада.<br> Применяются также для внутренней моющейся, износостойкой облицовки в общественных местах (аэропорты, железнодорожные станции, больницы, рестораны и т. п.), для рекламных конструкций и временных выставочных павильонов.<br><br></span></a>

 

Заодно не подскажете, где можно протестировать сайт для планшета?

помимо

http://www.itsait.com/ipad/